Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将带有onclick()的ul转换为带有onchange()的select_Javascript_List_Select_Onchange_Tritium - Fatal编程技术网

Javascript 将带有onclick()的ul转换为带有onchange()的select

Javascript 将带有onclick()的ul转换为带有onchange()的select,javascript,list,select,onchange,tritium,Javascript,List,Select,Onchange,Tritium,我有一个ul,其中包含一系列具有onclick()属性的选项卡,我想将其转换为一个带有选项的select节点,而不是列表项。现在,每个选项卡都有自己的onclick()属性,但看起来select节点只有一个onchange()属性。如何告诉select在更改时运行所选选项指示的js?当运行onchange事件时,获取.value,就像您在表单元素的任何时候一样,然后运行任何适当的javascript document.getElementById('selectElement').onchang

我有一个ul,其中包含一系列具有onclick()属性的选项卡,我想将其转换为一个带有选项的select节点,而不是列表项。现在,每个选项卡都有自己的onclick()属性,但看起来select节点只有一个onchange()属性。如何告诉select在更改时运行所选选项指示的js?

当运行
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]()
}

你能说得更具体些吗?我对javascript不太在行,这并不能真正告诉我什么:\