javascript - Js 显示分区不起作用

标签 javascript jquery css

需要根据用户文本输入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">  &nbsp;<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/

相关文章:

javascript - 将俄语字符输出到控制台

Jquery在父类中选择类

javascript - 根据一天中的时间(使用多个图像)使用 JavaScript 更改 HTML 背景图像?

javascript - position:fixed 类与 this.src 冲突

javascript - 双引导简单侧边栏

css - Bootstrap 关闭警报 JavaScript 不工作

javascript - 如何使用javascript在输入框中显示总计

javascript - 让WebRTC工作(如何调试ICE失败?)

javascript - 如何从 Google pub/sub 推送验证 JWT token (未找到信封的 pem)

php - 如何使用 ajax 自动完成 bootstrap tokenfield?