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 });
