jQuery获取select onChange的值

我的印象是，我可以通过执行这个$(this).val()来获取一个选择输入的值;并将onchange参数应用到select字段。

只有在引用ID时，它才会起作用。

我怎么用这个。

当前回答

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

2021-06-05 02:59:35

其他回答

我的印象是，我可以得到一个选择的值输入$(this).val();

如果你不引人注目地订阅(这是推荐的方法)，这是有效的:

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

如果你在脚本中使用onselect和mix标记，你需要传递一个引用到当前元素:

onselect="foo(this);"

然后:

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

2012-06-24 17:03:51

$('#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>

2016-08-16 13:27:29

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

2021-06-05 02:59:35

jQuery获取在Change事件上使用select html元素的值

演示和更多的例子

$(document).ready(function () { $('body').on('change','#select_box', function() { $('#show_only').val(this.value); }); }); <!DOCTYPE html> <html> <title>jQuery Select OnChnage Method</title> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <select id="select_box"> <option value="">Select One</option> <option value="One">One</option> <option value="Two">Two</option> <option value="Three">Three</option> <option value="Four">Four</option> <option value="Five">Five</option> </select> <br><br> <input type="text" id="show_only" disabled=""> </body> </html>

2019-04-22 17:10:38

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

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

2015-03-17 15:00:41

jQuery获取select onChange的值

推荐文章

最新文章

标签