这是 HTML
<select>
<option value="1">test 1</option>
<option value="2">test 2</option>
<option value="3">test 3</option>
<option value="4" selected="selected">test 4</option>
</select>
我如何知道所选选项的长度/数量?在 html 中,选择的是 3。
到目前为止,这是我尝试过的
$("select").on("change", function() {
var td = $(this);
$("div").on("click", function() {
var x = $("select").find("option:selected").length;
var y = $("select").find("option[value='"+x+"']").length;
$("span").text(x);
td.prop('selectedIndex',x);
});
});
如果您想获得所选号码,即在您的示例中,选项 4 = 号码 3。然后使用以下内容。
$("div").on("click", function() {
var td = $("select");
var selected = td.find("option:selected")
var x = td.find("option").index(selected);
$("span").text(x);
});
这将用于index()
获得该结果。
$("div").on("click", function() {
var td = $("select");
var selected = td.find("option:selected")
var x = td.find("option").index(selected);
$("span").text(x);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="1">test 1</option>
<option value="2">test 2</option>
<option value="3">test 3</option>
<option value="4" selected="selected">test 4</option>
</select>
<div>
wewewewewew
</div>
<span></span>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句