获取所选＆＃34;选择框的值＃34;与Jquery

Question

在表单中有多个选择框，如何在不使用ID的情况下获取所选内容的值？

以下代码始终返回第一个选定框的值。

$('form[name=test]').on('change', function () {
    alert("Value: " + $('select').val());
});

Answer 1

试试这个：您可以使用select jquery标签选择器将更改事件处理程序绑定到所有选择框，并使用this（这只是发生更改事件的选择框实例）来读取改变了价值。

$('select').on('change', function () {
    alert("Value: " + $(this).val());
});

Answer 2

event参数传递给回调函数，事件的currentTarget属性是事件运行的元素;

$('select').on('change', (e) => {
    console.log($(e.currentTarget).val());
});

Answer 3

您使用：

$("form[name=test] option:selected" ).val();

Answer 4

1. 将更改事件注册到所有选择（不是表单）
2. 使用此关键字来获取触发事件的关键字

试试这个

$('select').on('change', function () {
    alert("Value: " + $(this).val());
});