也可以使用jQuery.val()函数来选择元素:

.val()方法主要用于获取表单元素的值 如输入，选择和文本区域。对于选择元素，它 返回null，当没有选择任何选项时，返回一个包含 当至少有一个并且是时，每个所选选项的值 可以选择更多，因为存在多个属性。

$（函数（） { $（“#aioConceptName”）.on（“change”， function（） { $（“#debug”）.text（$（“#aioConceptName”）.val（））; }）.trigger（“change”）; }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <select id=“aioConceptName”> <option>选择io</option> <option>罗马</option> <option>托蒂</option> </select> <div id=“debug”></div>

对于下拉选项，你可能想要这样的东西:

对于选定的文本

var conceptName = $('#aioConceptName').find(":selected").text();

对于所选值

var conceptName = $('#aioConceptName').find(":selected").val();

val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。

试试这个

$(document).ready(function() {

    $("#name option").filter(function() {
        return $(this).val() == $("#firstname").val();
    }).attr('selected', true);

    $("#name").live("change", function() {

        $("#firstname").val($(this).find("option:selected").attr("value"));
    });
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">Elvis</option> 
<option value="Frank">Frank</option> 
<option value="Jim">Jim</option> 
</select>

<input type="text" id="firstname" name="firstname" value="Elvis" readonly="readonly">

为每个选项设置值

<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
    <option value="0">choose io</option>
    <option value="1">roma</option>
    <option value="2">totti</option>
</select>

$('#aioConceptName').val()不起作用，因为.val()返回value属性。要使其正常工作，必须在每个<option>上设置值属性。

现在你可以调用$('#aioConceptName').val()而不是这一切:选择巫毒是由其他人建议。

如果你想抓取'value'属性而不是文本节点，这将为你工作:

var conceptName = $('#aioConceptName').find(":selected").attr('value');

你可以使用$("#drpList").val();