Javascript 将带有onclick()的ul转换为带有onchange()的select
我有一个ul,其中包含一系列具有onclick()属性的选项卡,我想将其转换为一个带有选项的select节点,而不是列表项。现在,每个选项卡都有自己的onclick()属性,但看起来select节点只有一个onchange()属性。如何告诉select在更改时运行所选选项指示的js?当运行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
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不太在行,这并不能真正告诉我什么:\