gpt4 book ai didi

javascript - 在 Firefox 和 IE 中触发的 onclick 事件在 Chrome 中不触发

转载 作者:可可西里 更新时间:2023-11-01 01:02:25 25 4
gpt4 key购买 nike

我有以下 javascript 函数。

<script type="text/javascript">
function showhidefields(value,formobj,epsflag,respflag) {
//alert(epsflag);
if (epsflag==0 && respflag==4) {
document.getElementById("tpnr").style.position = "static";
document.getElementById("tpnr").style.top = "0px";
formobj.tussenPersoonNotext.disabled =false;
formobj.email.disabled =true;
}
</script>

<select name="moduleidval" class="validate['required']">
<option value="">-- Selecteer Proces--</option>
<option onclick="showhidefields(this.value,this.form,'<?php echo 1; ?>');"
value="<?php echo $epsmodules; ?>"><?php echo 'MBO'; ?></option>
</select>

我的问题是,当我在 firefoxIE 的情况下单击该选项时,会触发 onclick 事件,但在 chrome 的情况下,它根本不会触发.我也尝试更改函数名称,但没有成功。

fiddle

提前致谢

最佳答案

option 元素不会在所有浏览器中触发点击事件,您应该避免依赖它。相反,您可以为 select 使用 onchange() 事件。你可以使用这样的东西

<html>
<head>
<script type="text/javascript">

function changeFunc() {
var selectBox = document.getElementById("selectBox");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
alert(selectedValue);
}

</script>
</head>
<body>
<select id="selectBox" onchange="changeFunc();">
<option value="1">Option #1</option>
<option value="2">Option #2</option>`enter code here`
</select>
</body>`enter code here`
</html>

在你的情况下你使用 like

<form id='myForm' action="#">
<select id='mySelect' name="moduleidval" class="validate['required']" onchange="showhidefields(this.value,this.form,'0');">
<option value="-">-- Selecteer Proces--</option>
<option value="1"> 'Klantprocessen'</option>
</select>
</form>

关于javascript - 在 Firefox 和 IE 中触发的 onclick 事件在 Chrome 中不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20367046/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com