Wenn input-Feld leer ist, zeigen div

Ich würde gerne zeigen, div mit id="showDiv", aber nur, wenn die Eingang Feld mit id="textfield" leer ist.

<form action="">
 <fieldset>
  <input type="text" id="textfield" value="">
 </fieldset>
</form>

<div id="showDiv" style="width:50px;height:50px;background-color:#6CF;"></div>

Weiss jemand ein Javascript, das dies tun kann?

InformationsquelleAutor Macchiato | 2012-09-07
  1. 3

    Versuchen, diese

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

    Überprüfen JSFiddle für das Beispiel

    • Funktioniert wie ein Charme, Dank @coosal 🙂
    • Scheint, als ob es nicht funktioniert in Chrome version 54.0.2840.71
    • Funktioniert nicht mehr
    InformationsquelleAutor kushalbhaktajoshi
  2. 4

    Können Sie schreiben:

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

});​

    Live-Beispiel http://jsfiddle.net/Z5sjS/3/

    • Würde ich eher nicht verwenden jQuery für dieses Beispiel, aber danke für die schnelle Antwort 🙂
    • Das ist eine Arbeit Februar 2017
    InformationsquelleAutor Ivan Dyachenko
  3. 0
    If (document.getElementById("textfield").value == "")
 document.GetElementByZid("showDiv").style.display = "inline"
Else
 document.GetElementByZid("showDiv").style.display = "none"
    • Scheint nicht zu funktionieren 🙁
    InformationsquelleAutor Greg Oks
  4. 0

    Funktioniert in Chrome und es ist reines 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/

    InformationsquelleAutor Diomedes
Schreibe einen Kommentar