Javascript 让元素更改选择表单值

如何使用jquery将click函数的操作链接到select表单

对于exmaple，如果单击图像1。如何通过更改表单中的“选定”选项让表单知道已单击图像1

<a href="#" rel="green">Green</a>
<select>
 <option value="green">Green</option>
</select>

绿色

单击“绿色”后，“选定”选项将添加到选择中

我知道我以前见过。我到处都找不到

谢谢，

---

罗伯特

如果你使用javascript魔法，那么你就有一点生意了

<a href="#" rel="green" onClick="document.getElementById('colorselect').value = 'green';">Green</a>
<select id="colorselect">
    <option value="green">Green</option>
</select>

绿色

---

应该工作

使用属性选择器查找具有相应值的选项：

$('a').click(function() {
    var optionValue = $(this).attr('rel');
    $('select').find('option[value=' + optionValue + ']').prop('selected', true);
});

---

演示：

这两个链接不会劫持页面上的每个链接，而不仅仅是他想要使用的链接吗？@Silvertiger只是使用OP的示例来保持简单。但是，是的，GregL和这个都可以。就是这样：O我使用绿色，因为它很容易描述，但我实际上有数字，所以href中的值和rel是相等的。太神了非常感谢。我没想到会这么简单：D

$('a').click(function() {
    $('select').val($(this).attr('rel'));
});