jQuery从下拉菜单中获取所选选项

通常我使用$(“#id”).val()来返回所选选项的值，但这一次它不起作用。所选标记的id为aioConceptName

html代码

<label for="name">Name</label>
<input type="text" name="name" id="name" />

<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

当前回答

我也有同样的问题，我想知道为什么它对我的案子不起作用 html页面被划分为不同的html片段，我发现我有另一个输入字段携带相同的Id的选择，这导致val()总是空的我希望这能拯救那些有类似问题的人。

2019-01-28 07:29:22

其他回答

对于下拉选项，你可能想要这样的东西:

对于选定的文本

var conceptName = $('#aioConceptName').find(":selected").text();

对于所选值

var conceptName = $('#aioConceptName').find(":selected").val();

val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。

2012-05-18 20:14:40

$('#aioConceptName option:selected').val();

2013-11-26 23:25:58

这里有一个简单的解决方案。

$("select#aioConceptName").change(function () {
           var selectedaioConceptName = $('#aioConceptName').find(":selected").val();;
           console.log(selectedaioConceptName);
        });

2020-01-04 16:40:40

如果你想抓取'value'属性而不是文本节点，这将为你工作:

var conceptName = $('#aioConceptName').find(":selected").attr('value');

2016-10-27 00:17:47

试试这段代码::)

得到的值:

 $("#Ostans option:selected").val() + '.' + $("#shahrha option:selected").val()

得到文本:

 $("#Ostans option:selected").text() + '.' + $("#shahrha option:selected").text()

2020-09-07 06:35:47

jQuery从下拉菜单中获取所选选项

推荐文章

最新文章

标签