jQuery单击图像，跳转到选择选项

Question

大家好我有3张图片和3张选项。

选项值与图像alt相同。 我怎么能这样做，当我点击图像时，它采取alt并选择正确的选项？

希望你明白了。

谢谢。

Answer 1

$('img').click(function () {
    $('select').val(this.alt);
});

根据需要将img和select替换为更具体的选择器。

Answer 2

Box有一个很好的解决方案，但在firefox中大约快25-33％。您可以在http://jsperf.com/img-select00

检查两个选择器的性能日志

$('img').click(function() {
    $('select option').eq(this.alt - 1).attr('selected', 'true');
})

检查http://jsfiddle.net/zkebs/1/

处的工作示例

Answer 3

查看小提琴，如果您有任何疑问，请告诉我。代码有点密集

http://jsfiddle.net/phfS8/1/

<select>
    <option value="google">google</option>
    <option value="yahoo">yahoo</option>
</select>

<img alt="google" src="http://www.google.com/favicon.ico"/>
<img alt="yahoo" src="http://www.yahoo.com/favicon.ico"/>

$('select').val();

$('img').click(function(){
    $('option[value="' + $(this).attr("alt") + '"]').attr('selected', true);
});