为什么我无法使用 Select 从 onChange 获取值？

Question

测试表单的一部分。所以，现在我只想提醒用户选择什么：

JS:

function getData(title)
{
     alert(title);
}

HTML generated by PHP:

<select name="currentList" onChange="getData(this);">
     <option value="hat">Hat</option>
     <option value="shirt">Shirt</option>
     <option value="pants">Pants</option>
</select>

当我更改值时，我会收到一条警报：

[object HTMLSelectElement]

Answer 1

尝试警报（this.value）

Answer 2

使用 this 您将传递 HTML 选择元素 到函数，而不是所选选项的值。要获取所选选项的值，需要通过selectedIndex从options中获取所选选项，然后获取其value。简而言之：

function getData(dropdown) {
    var value = dropdown.options[dropdown.selectedIndex].value;
    alert(value);
}

Answer 3

使用 jQuery，只要将 id="currentList" 添加到选择列表中，就可以使用alert($("#currentList").val()); 来简洁。这样您就不必将“this”传递给 onchange 函数。

Answer 4

你可以尝试

alert(title.value)