获取选择标签的当前值

Question

当我尝试在当前 DOM 中的 select 标记中获取选定的 option 时

var type = $("input[name='type']").val();

我得到返回值undefined。

<select name="type" id="type" class="form-control">
                                <option value="combine">Combiné</option>
                                <option value="histogramme">Histogramme</option>
                                <option value="courbe">Courbe</option>
                                <option value="cercle">Cercle</option>
                            </select>

请问为什么我会得到这个？

Answer 1

您是否尝试过以下方法？

var type = $("select[name='type']").find(":selected").text();

如果您想让val() 工作，您需要确保您的option 标签设置了它们的value 属性，否则您需要执行上述操作。

---

既然你更新了你的帖子，你可以这样做：

var type = $("#type").val(); 

如果你想检查未定义，你需要这样做：

if (type === undefined)
    // do something

Answer 2

你的选择器错了，元素选择器一定是select而不是input

var type = $("select[name='type']").val();

您的代码会查找具有名称类型的输入元素，而不是像这样的选择元素

<input name="type" type="..." />

而不是

<select name="type">
    .....
</select>

Answer 3

var type = $("select[name='type']").val();