javascript - イメージのクリック時に選択ボックスの選択を変更する

Question

誰かが私のウェブサイトの特定のリンクをクリックすると、選択ボックスのオプションが、設定された値によって特定のオプションに変更されます。

各選択の値を指す何らかの onClick を追加することでこれを行うと思いますが、使用するコードがわかりません。

Answer 1

通常の JavaScript では、次のようなことができます。

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

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

ここで、選択ボックスと画像への参照を取得し、画像にイベント ハンドラーを追加して、選択ボックスの選択されたインデックスを設定します。

jQuery が利用できる場合は、同様のことができます。

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