我也有同样的问题，我想知道为什么它对我的案子不起作用 html页面被划分为不同的html片段，我发现我有另一个输入字段携带相同的Id的选择，这导致val()总是空的 我希望这能拯救那些有类似问题的人。

如果有人发现最好的答案是行不通的。

试着使用:

  $( "#aioConceptName option:selected" ).attr("value");

在最近的项目中为我工作，所以值得一看。

$('nameofDropDownList').prop('selectedIndex', whateverNumberasInt);

将DDL想象成一个带有索引的数组，您正在选择一个索引。选择一个你想用JS设置的。

在这种情况下，你最好使用jQuery的change方法来查找当前选择的值，如下所示:

$('#aioConceptName').change(function(){

   //get the selected val using jQuery's 'this' method and assign to a var
   var selectedVal = $(this).val();

   //perform the rest of your operations using aforementioned var

});

我更喜欢这种方法，因为您可以在给定的选择字段中为每个选定的选项执行函数。

希望有帮助!

要用jQuery找到正确的选择，请考虑在html树中可以使用多个选择，这会混淆您的预期输出。

(:selected).val()或(:selected).text()在多个选择选项上不能正确工作。因此，像.map()所做的那样，我们先保留所有选择的数组，然后返回所需的参数或文本。

下面的示例说明了这些问题，并提供了一种更好的方法

<select id="form-s" multiple="multiple">
    <option selected>city1</option>
    <option selected value="c2">city2</option>
    <option value="c3">city3</option>
</select>   
<select id="aioConceptName">
    <option value="s1" selected >choose io</option>
    <option value="s2">roma </option>
    <option value="s3">totti</option>
</select>
<select id="test">
    <option value="s4">paloma</option>
    <option value="s5" selected >foo</option>
    <option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
    var a=$(':selected').text(); // "city1city2choose iofoo"
    var b=$(':selected').val();  // "city1" - selects just first query !
    //but..
    var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
        return $(this).text();
    }); 
    var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
        return $(this).val();
    });
    console.log(a,b,c,d);
});
</script>

在变体a, b中，与正确工作的c和d相比，它将所有选择保存在数组中，然后返回您所寻找的内容，从而看到不同的容易出现错误的输出。

使用jQuery，只需添加一个更改事件，并在该处理程序中获得选定的值或文本。

如果您需要选定的文本，请使用以下代码:

$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").text())
});

或者如果您需要选择的值，请使用以下代码:

$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").attr('value'))
});