有元素改变选择形式值

时间:2012-01-19 00:41:59

标签: javascript jquery

如何使用jquery将点击功能的动作链接到选择表单。

例如,如果单击图像1。如何通过更改表单中的“已选择”选项让表单知道单击图像1。

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

单击“绿色”时,“选择”选项将添加到选择

我知道我之前见过它。我在任何地方都找不到它。

谢谢, 罗伯特

3 个答案:

答案 0 :(得分:1)

如果javascript魔术并且你正在开展业务

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

应该有效

答案 1 :(得分:1)

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

演示:http://jsfiddle.net/MZ7nS/

答案 2 :(得分:0)

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

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