我想用 id =“showDiv”显示 div ,但前提是输入字段 id =“textfield”为空。
<form action="">
<fieldset>
<input type="text" id="textfield" value="">
</fieldset>
</form>
<div id="showDiv" style="width:50px;height:50px;background-color:#6CF;"></div>
任何人都知道可以执行此操作的Javascript吗?
答案 0 :(得分:4)
你可以写:
$("#textfield").keyup(function(){
if($(this).val()) {
$("#showDiv").hide();
} else {
$("#showDiv").show();
}
});
答案 1 :(得分:3)
试试这个
<script type="text/javascript">
if(document.getElementById("textfield").value == ""){
document.getElementById("showDiv").style.display="block";
}
</script>
检查JSFiddle示例
答案 2 :(得分:0)
If (document.getElementById("textfield").value == "")
document.GetElementByZid("showDiv").style.display = "inline"
Else
document.GetElementByZid("showDiv").style.display = "none"
答案 3 :(得分:0)
这个适用于Chrome及其纯JavaScript。
HTML:
Enter Text: <input type="text" id="myInput" onkeyup="showColorBox()">
JavaScript的:
<script>function showColorBox() {
var x = document.getElementById("myInput");
var myDiv = document.getElementById("hiddenBox");
if (x.value != "")
{
myDiv.style.display = "block";
} else {
myDiv.style.display = "none";
}
}
</script>
JSFiddle:https://jsfiddle.net/e39vou8s/1/