获取选择标记的当前值

Question

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

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()有效，则需要确保选项标记设置了value属性，否则您需要执行上述操作。< / p>

---

自您更新帖子后，您可以执行以下操作：

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

如果要检查未定义，则需要执行以下操作：

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

Answer 2

你的选择器错了，元素选择器必须是select而不是input

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

您的代码会查找名称类型的输入元素，而不是像

这样的select元素

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

而不是

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

Answer 3

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