jQuery: ein-und ausblenden, ein input-element

Ich versuche zu tun, ist verbergen/anzeigen von einem bestimmten input-Objekt, wenn Sie einen Wert auswählen, der geprüft wird.

Code in JSFiddle

Den HTML-Teil des Codes ist hier:

<label for="add_fields_placeholder">Placeholder: </label>
<select name="add_fields_placeholder" id="add_fields_placeholder">
    <option value="50">50</option>
    <option value="100">100</option>
    <option value="Other">Other</option>
</select>
<div id="add_fields_placeholderValue">
    Price:
    <input type="text" name="add_fields_placeholderValue" id="add_fields_placeholderValue">
 </div>

Und der jQuery Teil ist hier:

$(document).ready(function()
{
    $("#add_fields_placeholder").change(function() {
        if($(this).val() == "Other") {
            $("#add_fields_placeholderValue").show();
        }
        else {
            $("#add_fields_placeholderValue").hide();
        }
    });
});

Also, wenn Benutzer wählt "Andere", zeigt er ein weiteres input-Objekt.

Das problem ist jetzt dies. Ersten beim öffnen der Seite die erste option ist standardmäßig aktiviert und die optionale Eingabe-Objekt dargestellt. Es versteckt sich, sobald Sie eine andere option auswählen.

Gibt es irgendeinen trick, um es zu verstecken, beim ersten laden der Seite auch? Nicht nur wenn Sie einen Wert manuell ein.

Danke Jungs.

InformationsquelleAutor inrob | 2012-08-11
Schreibe einen Kommentar