Javascript select onchange 未正确触发
Javascript select onchange not fired properly
<label><input type="checkbox" name="selection" value="wifi" checked onclick="filterLog(this)">wifi</label><br>
<select id="wifi" class="dropdownList" multiple size=3 onchange="filterLogSel()">
function filterLogSel() {
/* not fired by checkbox */
if (!checkMark) {
var breakCheck;
/* remove all the content */
var htmlSelectAdd = document.getElementById('logListBox');
for(var i=0, n=htmlSelectAdd.length; i<n; i++) {
htmlSelectAdd.options[i].remove();
n--;
i--;
}
/* add content according to the select value */
selecttags = document.getElementsByClassName('dropdownList');
for (key in jsonobj)
for(var i=0, n=selecttags.length; i<n; i++) {
for(var j=0, m=selecttags[i].length; j<m; j++) {
if (selecttags[i].options[j].selected) {
var re=new RegExp(selecttags[i].options[j].value);
if ((re.exec(jsonobj[key]))!=null) {
selectBoxOption = document.createElement("option");
selectBoxOption.value = key;
selectBoxOption.text = jsonobj[key];
htmlSelectAdd.add(selectBoxOption,null);
breakCheck = true;
break;
}
}
}
if (breakCheck) {
breakCheck = false;
break;
}
}
}
}
当我在 chrome 中调试它时,我发现当我单击选择标签中的选项时,它将触发复选框的 onclick 函数而不是选择的 onchange 函数。我希望触发选择的 onchange 函数。
您看到此消息的原因是您的下拉列表是一个多选下拉列表。 如果将下拉列表更改为仅一个选项,则它将触发onchange事件。 由于您实际上是在多选时单击的,因此触发 onclick(( 事件是正确的。
相关文章:
- Javascript Select OnChange没有'不要第二次工作
- 如何使select onchange事件在页面加载时发生
- ajax表单每触发第n个select onchange事件就发送n次
- jquery select onchange - opencart 2.x register account page
- Php select onchange dons'似乎不起作用
- SELECT onChange event
- 使用javascript更新select onchange事件的文本框
- Javascript select onchange 未正确触发
- select onChange事件触发javascript,从数组值中填充隐藏的Input值
- 使用select onchange事件刷新jquery滑块
- 如何检测行单元格中的select onChange
- redux-form和react-select onChange不更新redux值
- 访问& lt; select>onChange在木偶ItemView
- iOS select onchange not firing
- Select onchange with city-state ruby gem
- dojo Select onChange只工作一次
- 如何在select onchange事件后添加输入文本框
- JavaScript: Make <select onchange> or <option oncli
- 获取触发多重select onchange事件的选项的值和状态(已选中或未选中)
- 无法读取property 'length'使用CSS显示块(select/onchange)