jQuery获取选择onChange的值

尝试这个-

$('select').on('change', function() { alert( this.value ); }); 一个 option> 两个

您还可以参考 onchange 事件-

函数getval（sel）{警报（sel.value）； } 一个 两个

---

我的印象是我可以通过这样做 $(this).val(); 来获得选择输入的值；

如果您订阅不显眼（这是推荐的方法），则此方法有效：

$('#id_of_field').change(function() {
    // $(this).val() will work here
});

如果您使用 onselect 并将标记与脚本混合，则需要传递对当前元素的引用：

onselect="foo(this);"

接着：

function foo(element) {
    // $(element).val() will give you what you are looking for
}

---

这对我有帮助。

对于选择：

$('select_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

对于单选/复选框：

$('radio_tags').on('change', function() {
    alert( $(this).find(":checked").val() );
});

---

尝试事件委托方法，这几乎适用于所有情况。

$(document.body).on('change',"#selectID",function (e) {
   //doStuff
   var optVal= $("#selectID option:selected").val();
});

---

$('#select_id').on('change', function()
{
    alert(this.value); //or alert($(this).val());
});



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="select_id">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

---

箭头函数的作用域与函数不同，this.value 将给出未定义的箭头函数。修复使用

$('select').on('change',(event) => {
     alert( event.target.value );
 });

---

您可以试试这个（使用 jQuery）-

$('select').on('change', function() { alert( this.value ); }); 选项1< /option> 选项 2 选项 3 选项 4

或者你可以像这样使用简单的 Javascript -

函数 getNewVal(item) { alert(item.value); } 选项 1 选项 2 选项3 选项4

---

$('#select-id').change(function() {
    console.log($(this).val());
});

---

对于所有选择，调用此函数。

$('select').on('change', function()
{
    alert( this.value );
});

只有一个选择：

$('#select_id') 

---

jQuery使用更改事件获取选择html元素的值

For Demo & More Example

$(document).ready(function () { $('body').on('change','#select_box', function() { $('#show_only').val(this.value); }) ; });