Question

这是我的头脑！

我有一个带有多个选项的select元素，但是我无法操作或访问任何选项，因为显然'options'数组不存在。

我在一个更简单的html文档中重新创建了这个问题:(原始项目是ASP MVC）

<html><head><title>test test test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" >
function checkMenu() {
if( $("#menu").options ) {
    $("#message").text("Success!");
}
else {
    $("#message").text("Fail :<");
}
}
</script>
</head>
<body>
    <select id="menu" name="menu">
        <option>qwerty</option>
        <option>uiop</option>
        <option>asdf</option>
        <option>ghjkl</option>
    </select>
    <a href="#" onclick="checkMenu()">Clicker!</a>
    <div id="message">message</div>
</body>
</html>

我还没有找到任何有关此信息，任何提示赞赏。

Answer 1

if($'#menu option').length > 0) {
    $("#message").text("Success!");
}
else {
    $("#message").text("Fail :<");
}

Answer 2

jQuery中的$函数返回jQuery对象，而不是底层的DOM元素。如果要使用基础DOM元素，请使用$('#menu').get(0)或$('#menu')[0]。更好的是，使用jQuery方法来访问元素属性或值。

var selected = $('#menu').value();
var selectedText = $('#menu option:selected').text();

Select元素没有'options'数组

2 个答案: