Change selectbox selection on img click

Question

When someone clicks a specific link on my website I want the select box option to change to the option to a certain option by the value it has set.

I imagine I would do this by adding some sort of onClick that points to the value on each selection... but can't figure out the code to use.

Answer 1

In regular JavaScript you could do something similar to:

var selectBox = document.getElementById('selectBox');
var image = document.getElementbyId('someImage');

image.addEventListener('click', function() {
  selectBox.selectedIndex = 1; // specify the selected index here.
});

where you get a reference to the select box and image and add an event handler to the image to set the selected index of the select box.

If you have jQuery available, you can do similar:

$('img').click(function() {
  $('select').val('new value'); // specify the new value
});