javascript - onclick() で ul を onchange() で select に変換します

Question

onclick() 属性を持つ一連のタブを含む ul があり、それをリスト項目ではなくオプションを持つ選択ノードに変換したいと考えています。現在、各タブには独自の onclick() 属性がありますが、選択ノードには onchange() 属性が 1 つしかないようです。変更時に選択されたオプションによって示されるjsを実行するように選択に指示するにはどうすればよいですか?

Answer 1

onchangeイベントが実行されると、フォーム要素の場合と同じようになり、適切.valueな JavaScript を実行します。

document.getElementById('selectElement').onchange=function(e){
  var ele = event.target || event.srcElement;//This would be the select element
  var val=ele.value;
  if(val=='option1'){
    callFunction1();
  }
  else if(val=='option2'){
    callFunction2();
  }
  //Alternatively you could set up an object for all your functions and call it like this
  var actions={
    option1:function(){},
    option2:function(){}
  }
  actions[val]()
}