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

How to select value of dropdown using jQuery

本文关键字：下拉列表 选择 何使用 jQuery      更新时间：2023-09-26

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

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

它显示"未定义"。如果我这样做：

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

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

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

再次显示"未定义"。

如此困惑。。。。。。。。。。有什么想法吗？

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

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

$("#list_userInput_location").val()

是正确的CSS选择器，并且CCD_ 1返回CCD_。而不是CCD_ 3标签内的文本。

但是，这需要<select>元素的ID为"list_userInput_location"，即

<select id="list_userInput_location">

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

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

我不能百分之百确定是否需要"选择"。

应该这样做：

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

这将在每次选择某个选项时为您提供该值。

这里有一个例子

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

我用过：

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

这是一个小提琴

相关文章：