gpt4 book ai didi

javascript - 使用 JavaScript 使用输入值隐藏和显示 div

转载 作者:行者123 更新时间:2023-12-02 21:46:13 25 4
gpt4 key购买 nike

有人帮我编写下面的代码,我想使用 JavaScript 来隐藏和显示使用输入值的 div。

<html>

<head>
<script>
function (){
document.getElementById('ref3').value;
if (value == 2) {
document.getElementById('div').style.visibility = 'visible';
} else {
document.getElementById('div').style.visibility = 'hidden';
}
}
</script>
</head>

<body>
<form name="myform">
<div><input type="text" id="ref3" value=""></div>
<div id="div" style="visibility:hidden">
<label>Show me</label>
</div>
</form>
</body>

</html>

最佳答案

只需在文本框的 blur 事件上调用 updateUI 函数即可。您还可以使用 onkeyup 事件立即反射(reflect)更改。

HTML

<form name="myform">
<div><input type="text" id="ref3" value="" onblur="updateUI()"></div>
<div id="hotapp3" style="visibility:hidden">
<label>Show me</label>
</div>
</form>

JavaScript

function updateUI() {
var value = document.getElementById('ref3').value;
if (Number(value) == 2) {
document.getElementById('hotapp3').style.visibility = 'visible';
} else {
document.getElementById('hotapp3').style.visibility = 'hidden';
}
}

这里正在工作 JSFiddle - https://jsfiddle.net/86yfgwk9/

关于javascript - 使用 JavaScript 使用输入值隐藏和显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60242203/

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