Question

Hello guys I have 3 images and a select with 3 option.

The option value is the same as image alt.
How can I do it so when I click the image it takes the alt and selects the right option?

Hope you got it.

Thank you.

Answer 1

Check out the fiddle and let me know if you have any questions. the code is a bit dense

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