我的印象是,我可以通过执行这个$(this).val()来获取一个选择输入的值;并将onchange参数应用到select字段。
只有在引用ID时,它才会起作用。
我怎么用这个。
我的印象是,我可以通过执行这个$(this).val()来获取一个选择输入的值;并将onchange参数应用到select字段。
只有在引用ID时,它才会起作用。
我怎么用这个。
当前回答
$('#select-id').change(function() {
console.log($(this).val());
});
其他回答
箭头函数的作用域与函数不同, 这一点。Value将为箭头函数提供undefined。 固定使用
$('select').on('change',(event) => {
alert( event.target.value );
});
尝试事件委托方法,这几乎适用于所有情况。
$(document.body).on('change',"#selectID",function (e) {
//doStuff
var optVal= $("#selectID option:selected").val();
});
$('#select-id').change(function() {
console.log($(this).val());
});
寻找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[type='text']" ).change(function() {
// Check input( $( this ).val() ) for validity here
});
您可以尝试(使用jQuery)-
$('选择')。(“变革”的功能() { 警报(这。值); }); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js " > < /脚本> <选择> <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>
或者你可以使用简单的Javascript像这样-
函数getNewVal(项) { 警报(item.value); } <选择onchange = " getNewVal(这个);" > <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>