Javascript 如果输入字段为空,则显示div
我想用id=“showDiv”显示div,但前提是输入字段用id=“textfield”为空Javascript 如果输入字段为空,则显示div,javascript,html,input,show,Javascript,Html,Input,Show,我想用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;"&g
<form action="">
<fieldset>
<input type="text" id="textfield" value="">
</fieldset>
</form>
<div id="showDiv" style="width:50px;height:50px;background-color:#6CF;"></div>
有人知道Javascript可以做到这一点吗 试试这个
<script type="text/javascript">
if(document.getElementById("textfield").value == ""){
document.getElementById("showDiv").style.display="block";
}
</script>
if(document.getElementById(“textfield”).value==“”){
document.getElementById(“showDiv”).style.display=“block”;
}
检查您可以编写的示例:
$("#textfield").keyup(function(){
if($(this).val()) {
$("#showDiv").hide();
} else {
$("#showDiv").show();
}
});
这个例子在Chrome中工作,它是纯JavaScript HTML:
输入文本:
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>
函数showColorBox(){
var x=document.getElementById(“myInput”);
var myDiv=document.getElementById(“hiddenBox”);
如果(x.value!=“”)
{
myDiv.style.display=“block”;
}否则{
myDiv.style.display=“无”;
}
}
JSFiddle:我不想在本例中使用jQuery,但感谢您的快速回复:)在Chrome版本54.0.2840.71中似乎不起作用
Enter Text: <input type="text" id="myInput" onkeyup="showColorBox()">
<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>