协慌网

登录 贡献 社区

jQuery 获取 select onChange 的值

我的印象是,通过执行此$(this).val();可以获取选择输入的值$(this).val();并将onchange参数应用于选择字段。

看来只有在我引用 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>

您还可以引用 onchange 事件 -

function getval(sel)
{
    alert(sel.value);
}
<select onchange="getval(this);">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

我的印象是,通过执行此 $(this).val(); 可以获取选择输入的值。

如果您毫不客气地订阅(这是推荐的方法),则此方法有效:

$('#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_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

对于单选 / 复选框:

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