2

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を知っている人はいますか？

4

4 に答える 4

4

これを試して

<script type="text/javascript">
if(document.getElementById("textfield").value == ""){
document.getElementById("showDiv").style.display="block";
}
</script>

例についてはJSFiddleを確認してください

于 2012-09-07T11:50:35.270 に答える
4

あなたは書ける：

$("#textfield").keyup(function(){
    if($(this).val()) {
        $("#showDiv").hide();
    } else {
        $("#showDiv").show();
    }

});​

実例http://jsfiddle.net/Z5sjS/3/

于 2012-09-07T11:52:12.373 に答える
0 
If (document.getElementById("textfield").value == "")
 document.GetElementByZid("showDiv").style.display = "inline"
Else
 document.GetElementByZid("showDiv").style.display = "none"
于 2012-09-07T11:53:34.330 に答える
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/

于 2018-02-16T15:37:20.543 に答える