jQuery select change event get selected选项

我在我选择的元素的变化事件上绑定了一个事件:

$('select').on('change', '', function (e) {

});

当发生更改事件时，我如何访问被选中的元素?

当前回答

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});

2012-10-05 16:24:34

其他回答

我觉得这样更短更干净。此外，如果有多个选定项，您可以迭代;

$('select').on('change', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});

2015-06-05 21:45:06

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});

2012-10-05 16:24:34

委托替代

如果有人正在为他们的侦听器使用委托方法，请使用e.target(它将引用select元素)。

$('#myform').on('change', 'select', function (e) {
    var val = $(e.target).val();
    var text = $(e.target).find("option:selected").text(); //only time the find is required
    var name = $(e.target).attr('name');
}

JSFiddle演示

2015-05-08 19:27:20

这也可以很好地工作

(函数(jQuery) { $(文档)时函数(){ $ (" # select_menu ") .change(函数(){ var selectedOption = $("#select_menu").val() })； })； }) (jQuery); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js " > < /脚本>

2021-06-25 18:32:52

你可以使用jquery的select change事件来获取选中的选项值

为演示

$(document).ready(function () { $('body').on('change','#select', function() { $('#show_selected').val(this.value); }); }); <!DOCTYPE html> <html> <title>Learn Jquery value Method</title> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <select id="select"> <option value="">Select One</option> <option value="PHP">PHP</option> <option value="jAVA">JAVA</option> <option value="Jquery">jQuery</option> <option value="Python">Python</option> <option value="Mysql">Mysql</option> </select> <br><br> <input type="text" id="show_selected"> </body> </html>

2019-04-22 17:05:08

jQuery select change event get selected选项

推荐文章

最新文章

标签