从链接中选择一个值

时间:2014-07-26 13:07:43

标签: jquery select options

有没有办法通过按下按钮选择jQuery特殊项目?在下面的示例中,值为1,2,3,4 ...但是它可能是a,b,c,d或红色,绿色,蓝色。有没有办法不知道价值的价值?

例如:

<a id="item1" href="#">Item 1</a>
<a id="item2" href="#">Item 2</a>
<a id="item3" href="#">Item 3</a>

<form>
.......
<select id="items" name="items">
<option value="1">Colors</option>
<option value="2">Item 1</option>
<option value="3">Item 2</option>
<option value="4">Item 3</option>
</select>
</form>

如果先按第一个按钮,则自动选择第二个选项。

1 个答案:

答案 0 :(得分:3)

假设按钮与<option>元素的文本相同,您可以使用:contains()选择器,如下所示:

$('a').on('click', function(e) {  
    e.preventDefault();
    // Get the selected item:
    $('#items option:selected').attr('selected', false);
    $('#items option:contains("'+$(this).text()+'")').attr('selected', true);

});

jsFiddle Demo