javascript - 如何使用 jQuery 选择下拉列表的值

Question

我有一个使用 boostrap 的下拉菜单。我需要将他们从下拉列表中选择的值存储在一个变量中，但现在我只是想打印它。

window.alert($("#list_userInput_location option:selected").val());

它显示“未定义”。如果我这样做:

window.alert($("#list_userInput_location option:selected").text());

它显示一个空字符串。也试过这个:

window.alert($("#list_userInput_location").val());

再次显示“未定义”。

好迷茫…………有什么想法吗？

编辑:这是一个 fiddle https://jsfiddle.net/QMsQU/11/

Answer 1

响应您的 jsFiddle:https://jsfiddle.net/QMsQU/12/

$("#list_userInput_location").val()

是正确的 CSS 选择器，.val()返回 value="..." 的内容.不是 <option> 里面的文字标签。

但这需要您的 <select>元素的 ID 为“list_userInput_location”，即

<select id="list_userInput_location">