jquery - 使用 jquery 设置下拉值

Question

在第一步中，我有一组输入到下拉列表的值。

在下一步中，我想从第一步中提供给它的一组值中设置下拉列表的值。

谁能告诉我jquery的语法？

Answer 1

如果它是下拉列表中的第 4 项，您可以说：

$('select>option:eq(3)').prop('selected', true);  //zero-based

请注意，旧版本的 jQuery 使用 .attr 而不是 .prop

---

以下是一些其他方法：

想象一个这样的选择框：

<select name="options">
  <option value="1">Red</option>
  <option value="2" selected="1">Green</option>
  <option value="3">Blue</option>
</select>

您可以通过这种方式获得第三个值：

$('[name=options]').val( 3 );//To select Blue

使用文本：

$('[name=options] option').filter(function() { 
    return ($(this).text() == 'Blue'); //To select Blue
}).prop('selected', true);

以这种方式重置它：

$('[name=options]').val( '' );