📌  相关文章
📜  如何在 jquery 中设置下拉值 - Javascript (1)

📅  最后修改于: 2023-12-03 14:52:22.385000             🧑  作者: Mango

如何在 jQuery 中设置下拉值 - Javascript

下拉框在网页开发中经常使用,通过 jQuery 可以方便地设置下拉框的选项值和选择项。有以下两种方法:

1. 通过html设置下拉框选项
<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 属性的值。

2. 通过 jquery 设置下拉框选项
// 设置下拉框的选项
$('#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 中设置下拉值的介绍,希望对大家有所帮助。