如何根据索引号为select选项设置值？
如何根据索引号为select选项设置值？
提问于 2020-02-09 22:18:26
如何根据索引号为选择选项设置值，或者换句话说，如何根据索引号选择选择选项
<select name="size" id="size">
<option value="a" hidden selected>Select Size</option>
<option value="1">Normal</option>
<option value="2">Large</option>
</select>回答 4
Stack Overflow用户
发布于 2020-02-09 22:21:49
select元素(HTMLSelectElement)有一个名为options的类似数组的属性，您可以将其编入索引：
const select = document.getElementById("size");
console.log(select.options[0].value);
console.log(select.options[0].text);<select name="size" id="size">
<option value="a" hidden selected>Select Size</option>
<option value="1">Normal</option>
<option value="2">Large</option>
</select>
或者使用jQuery：
const $select = $("#size");
const select = $select[0];
console.log(select.options[0].value);
console.log(select.options[0].text);<select name="size" id="size">
<option value="a" hidden selected>Select Size</option>
<option value="1">Normal</option>
<option value="2">Large</option>
</select>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Stack Overflow用户
发布于 2020-02-09 22:20:57
如何根据索引号将值设置为select选项
$('#size option').each(function() {
$(this).attr('value', $(this).index())
//! test
console.log($(this).index())
// test!
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<select name="size" id="size">
<option value="a" hidden selected>Select Size</option>
<option value="1">Normal</option>
<option value="2">Large</option>
</select>
，或者换句话说，如何根据它的索引号选择选择选项
$('#size option').eq(2).prop('selected', true);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<select name="size" id="size">
<option value="a" hidden selected>Select Size</option>
<option value="1">Normal</option>
<option value="2">Large</option>
</select>
Stack Overflow用户
发布于 2020-02-09 22:21:55
要将选项设置为选定状态，您可以使用：
$('#size :nth-child(index)').prop('selected', true);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60137537
复制相关文章
相似问题
腾讯云开发者
