Javascript 如何将选择菜单的值传递给单击事件
我试图给onclick函数事件一个select菜单的selected选项Javascript 如何将选择菜单的值传递给单击事件,javascript,Javascript,我试图给onclick函数事件一个select菜单的selected选项 <select id="tag1"onclick="selectOnclick(tag1.value)" > 您可以在不需要元素id的情况下获得相同的结果。只需将“this”传递给你的函数。。。或者在您的情况下,如果您只需要该值,请传入“this.value”: 一个 两个 功能剂量仪(x){ 控制台日志(x); } 这是一个例子 更新: 这里有一个更新的 HTML: Javascript: 功能剂
<select id="tag1"onclick="selectOnclick(tag1.value)" >
您可以在不需要元素id的情况下获得相同的结果。只需将“this”传递给你的函数。。。或者在您的情况下,如果您只需要该值,请传入“this.value”:
一个
两个
功能剂量仪(x){
控制台日志(x);
}
这是一个例子
更新:
这里有一个更新的
HTML:
Javascript:
功能剂量仪(x){
var target=x.target;
如果(target.tagName==='OPTION'){
target=target.parentNode;
}
console.log(target.value);
}
函数createMenu(){
var menu=document.getElementById('menu'),
select=document.createElement('select'),
选项
我
对于(i=0;i<10;i++){
option=document.createElement('option');
option.value=option.text=i;
选择。添加(选项);
}
菜单。追加子项(选择);
select.onclick=doSomething;
}
createMenu();
以下是其他地方的一些参考资料:
tagmenu.onclick=selectOnclick(tagmenu.value);
与
帽尖/贷记给
如果非要我猜的话,我会说你可能想要
onchange
,而不是onclick
。您可能想使用passdocument.getElementById('tag1').value
到您的函数。我用html编写的代码与我想用java-script编写的代码相同。没有html代码,所有项目都在java脚本代码中生成。我想将一个元素的值传递给java-script中另一个元素的onclick function事件。如果您已经有一些正在使用的代码,你应该展示一下。我已经发布了代码,最后一行行不通!所有的菜单都必须在java脚本中创建,没有html代码!
tagmenu.onclick=selectOnclick(tagmenu.value);
if (tagmenu.addEventListener) { // all browsers except IE before version 9
tagmenu.addEventListener("click", function(){selectOnclick(tagmenu.value);}, false);
} else {
if (tagmenu.attachEvent) { // IE before version 9
tagmenu.attachEvent("click", function(){selectOnclick(tagmenu.value);});
}
}