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

Question

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

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

显示'undefined'。如果我这样做：

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

显示空字符串。 还试过这个：

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

再次显示'undefined'。

很困惑.......... 有什么想法吗？

编辑： 这是一个小提琴 https://jsfiddle.net/QMsQU/11/

Answer 1

您不需要名称前面的＃。也许你可以改用这样的东西？

$( "select.list_userInput_location" ).val(); 

我不是100％肯定＆＃34;选择。＆＃34;需要。

Answer 2

这样的事情应该做：

$('#list_userInput_location').on('change', function(){
    alert($(this).val());
});

每次选择一个选项时，这将为您提供值。

Here's an example

Answer 3

回应你的jsFiddle：https://jsfiddle.net/QMsQU/12/

$("#list_userInput_location").val()

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

但是，这要求您的<select>元素的ID为＆＃34; list_userInput_location＆＃34;，即

<select id="list_userInput_location">

Answer 4

我不确定你是否可以使用Jquery。原因是我提供了一个Jquery示例，因为您在标记中使用了Jquery。

我用过：

$('some select ID').find(':selected').val()

Here是一个小提琴