jQuery 从下拉列表中获取所选选项

javascript jquery html drop-down-menu

2022-08-29 22:03:43

通常我用于返回所选选项的值，但这次它不起作用。所选标签的 ID$("#id").val()aioConceptName

代码

<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>

答案 1

对于下拉列表选项，您可能需要这样的东西：

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

之所以不能解决问题，是因为单击某个选项不会更改下拉列表的值 - 它只是将属性添加到所选选项中，该选项是下拉列表的子选项。val():selected

答案 2

设置每个选项的值

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

$('#aioConceptName').val()不起作用，因为返回属性。要使其正常工作，必须在每个上设置属性。.val()valuevalue<option>

现在你可以打电话，而不是其他人建议的所有这些巫毒教。$('#aioConceptName').val():selected