javascript - 为什么我没有通过 Select 从 onChange 中获得价值？

Question

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

JS：

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

PHP生成的HTML：

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

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

[对象 HTMLSelectElement]

Answer 1

尝试alert(this.value)

Answer 2

随着this您将HTML 选择元素传递给函数，而不是选定选项的值。要获取所选选项的值，需要从optionsby中获取所选选项selectedIndex，然后获取其value. 简而言之：

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

Answer 3

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

Answer 4

你可以试试

alert(title.value)