Javascript 使用jQuery获取所选选项的值

我有一个select字段数组，希望使用jQuery获取selected选项的值

选择字段就像

<select name="a[]" onchange="getValue(this)">
  <option value="11">11</option>
  <option value="12">12</option>
</select>
<select name="a[]" onchange="getValue(this)">
  <option value="21">21</option>
  <option value="22">22</option>
</select>

但是它不起作用。

这个是一个jQuery方法，不能与DOM对象一起使用。要获取值，请改用元素的

value

属性

function getValue(ele) {
  alert(ele.value);
  // with jQuery it should be
  // alert($(ele).val());
}

函数getValue（ele）{
警报（元素值）；
}

11
12
21
22

如果您不想选择所有的选择输入列表，那么您也可以这样做

$("select[name='a\[\]']").on("change", function (event){
       alert($(this).val());
    })

这将只选择name=a[]的列表。

请尝试以下操作：

$(document).ready(function(){

    $("select").on("change",function(){

        alert($(this).val());


    })
})

最终代码：

11
12
21
22
$（文档）.ready（函数（）{
$（“选择”）。在（“更改”，函数（）上{
警报（$（this.val（））；
})
})

$("select").on("change", function (event){
   alert($(this).val());
})

$("select[name='a\[\]']").on("change", function (event){
       alert($(this).val());
    })

$(document).ready(function(){

    $("select").on("change",function(){

        alert($(this).val());


    })
})