使用jquery设置Dropdown值

时间:2013-06-20 19:26:55

标签: jquery

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

在下一步中,我想从第一步中输入的值集合中设置下拉列表的值。

有人能让我知道jquery中的语法吗?

1 个答案:

答案 0 :(得分:3)

如果是,例如,下拉列表中的第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>

您可以通过这种方式获得第3个值:

$('[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( '' );