📅  最后修改于: 2023-12-03 14:52:22.385000             🧑  作者: Mango
下拉框在网页开发中经常使用,通过 jQuery 可以方便地设置下拉框的选项值和选择项。有以下两种方法:
<select id="selectBox">
<option value="value1">选项1</option>
<option value="value2">选项2</option>
<option value="value3">选项3</option>
</select>
可以看到,我们在 HTML 代码中设置了一个 ID 为 selectBox 的下拉框,并且创建了三个选项。如果不设置 value 属性,那么选项的值就是选项的文本。如果设置了 value 属性,那么选项的值就是 value 属性的值。
// 设置下拉框的选项
$('#selectBox').html(`
<option value="value1">选项1</option>
<option value="value2">选项2</option>
<option value="value3">选项3</option>
`);
// 设置下拉框当前选中的选项
$('#selectBox').val('value2');
通过 jQuery,我们可以使用 .html()
方法来设置下拉框的选项。在这种情况下,需要将选项的 HTML 代码作为参数传递给该方法。
而要设置下拉框的当前选中项,则使用 .val()
方法即可。注意,这里传递的值应该与选项的 value 属性值一致。
以上就是如何在 jQuery 中设置下拉值的介绍,希望对大家有所帮助。