jQuery获取selectonChange的值

我的印象是,我可以通过执行$(this).val();来获得selectinput的值$(this).val(); 并将onchange参数应用于select字段。

它会出现它只有当我参考ID的作品。

我如何使用它来做到这一点。

尝试这个-

 $('select').on('change', function() { alert( this.value ); }) 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select> <option value="1">One</option> <option value="2">Two</option> </select> 

我的印象是,我可以通过执行$(this).val()来获得selectinput的值。

如果您不风貌地订阅(这是推荐的方法),这将起作用:

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

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

对于收音机/checkbox:

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

尝试事件委托方法,这在几乎所有情况下都起作用。

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

你可以试试这个(使用jQuery ) –

 $('select').on('change', function() { alert( this.value ); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select> <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> 

对于所有的select,调用这个函数。

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

只有一个select:

 $('#select_id') 

这是为我工作。 尝试了一切没有运气:

 <html> <head> <title>Example: Change event on a select</title> <script type="text/javascript"> function changeEventHandler(event) { alert('You like ' + event.target.value + ' ice cream.'); } </script> </head> <body> <label>Choose an ice cream flavor: </label> <select size="1" onchange="changeEventHandler(event);"> <option>chocolate</option> <option>strawberry</option> <option>vanilla</option> </select> </body> </html> 

采取从Mozilla

 $('select_id').on('change', function() { alert((this).value()); }); 
 <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> 

寻找jQuery 网站

HTML:

 <form> <input class="target" type="text" value="Field 1"> <select class="target"> <option value="option1" selected="selected">Option 1</option> <option value="option2">Option 2</option> </select> </form> <div id="other"> Trigger the handler </div> 

JAVASCRIPT:

 $( ".target" ).change(function() { alert( "Handler for .change() called." ); }); 

jQuery的例子:

要为所有文本input元素添加有效性testing:

 $( "input[type='text']" ).change(function() { // Check input( $( this ).val() ) for validity here });