使用onclick（）将ul转换为带onchange（）的select

Question

我有一个ul包含一系列带有onclick（）属性的标签，我想将它转换为带有选项而不是列表项的选择节点。现在每个选项卡都有自己的onclick（）属性，但它看起来像一个select节点只有一个onchange（）属性。如何告诉select在更改时运行所选选项所指示的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]()
}