jQuery select change event get selected选项

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

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

});

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

当前回答

$('#_SelectID').change(function () {
        var SelectedText = $('option:selected',this).text();
        var SelectedValue = $('option:selected',this).val();
});

2018-10-17 17:22:10

其他回答

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

2012-10-05 16:24:34

$('#_SelectID').change(function () {
        var SelectedText = $('option:selected',this).text();
        var SelectedValue = $('option:selected',this).val();
});

2018-10-17 17:22:10

你可以使用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的find方法

 $('select').change(function () {
     var optionSelected = $(this).find("option:selected");
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
 });

上述解决方案工作完美，但我选择添加以下代码，他们愿意获得点击选项。它允许您获得所选选项，即使该选择值没有改变。(仅在Mozilla上测试)

    $('select').find('option').click(function () {
     var optionSelected = $(this);
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
   });

2013-11-17 12:43:12

另一种获取选定值的简便方法是，

$('#selectElement').on('change',function(){
   var selectedVal = $(this).val();
                       ^^^^  ^^^^ -> presents #selectElement selected value 
                         |
                         v
               presents #selectElement, 
});

2017-09-05 14:33:54

jQuery select change event get selected选项

推荐文章

最新文章

标签