需要根据用户文本输入id=pcode显示给定的div(valueV, valueJ & valueO)。脚本化的 js、表单和分区如下,但无法正常工作。尝试了不同的方法和引用的堆栈,无法修复,请帮助
<script type="text/javascript">
var pcode;
function onload() {
pcode = document.getElementById('pcode');
}
function kk() {
if (pcode == 'v') {
document.getElementById("valueV").style.display = "inline";
} else if (pcode == 'j') {
document.getElementById("valueJ").style.display = "inline";
}
} else {
document.getElementById("valueO").style.display = "inline";
}
}
</script>
<body onload="onload();">
<input type="text" name="two" value="" id="pcode" maxlength="1" size="1"> <input type="button" value="Submit" onclick="kk();"/>
</body>
<div id="valueV" style="display: none;">
Value V
</div>
<div id="valueJ" style="display: none;">
Value J
</div>
<div id="valueO" style="display: none;">
Value O
</div>
最佳答案
pcode 是 DOM 元素,您正在将它与字符串进行比较。一个简单的 console.log(pcode)
将向您展示这一点。你需要看看值(value)。
if (pcode.value === "j")
关于javascript - Js 显示分区不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45533046/