jQuery щелкните изображение, перейдите к выбору опции

#jquery

Вопрос:

Привет, ребята, у меня есть 3 изображения и опция выбора с 3 вариантами.

Значение параметра совпадает с значением параметра image alt. Как я могу сделать это так, чтобы при нажатии на изображение он нажимал alt и выбирал правильный вариант?

Надеюсь, вы поняли это.

Спасибо.

Ответ №1:

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

При необходимости замените img и select более конкретными селекторами.

Ответ №2:

Проверьте скрипку и дайте мне знать, если у вас возникнут какие-либо вопросы. код немного плотный

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);
});

Ответ №3:

У Box есть хорошее решение, но в Firefox это примерно на 25-33% быстрее. Вы можете проверить журнал производительности для обоих селекторов наhttp://jsperf.com/img-select00

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