使用 onclick() 将 ul 转换为使用 onchange() 选择

Question

我有一个 ul，其中包含一系列带有 onclick() 属性的选项卡，我想将其转换为带有选项而不是列表项的选择节点。现在每个选项卡都有自己的 onclick() 属性，但看起来一个选择节点只有一个 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]()
}