Code, um festzustellen, Wert der option funktioniert nicht wie erwartet

War ich versucht, um einige string-Vergleiche in javascript. Ich habe gesehen, dass mehrere tutorials und Beispiele, aber Sie scheinen nicht zu arbeiten. Mir fehlt etwas grundlegendes?

Versuch 1

function addAspect(aspect) {
    var print = document.createElement('p');
    var ptext;

    if (aspect == "Option1") ptext = document.createTextNode("This is option1");
}

Funktioniert nicht.

Dann fand ich dieses Beispiel, zu dem alle Leserinnen und Leser sagte, es funktionierte gut

function addAspect() {
    var print = document.createElement('p');
    var ptext;

    var aspect = String(document.getElementById("aspectResult").value);

    if (aspect == "Option1") ptext = document.createTextNode("This is option1");
}

Funktioniert nicht.

Ich habe auch versucht .toString() sowie die '===' genaue übereinstimmung Vergleich.

Vollständigen code

<html>
    <head>
    <script type="text/javascript">
        function addAspect()
        {
            var print = document.createElement('p');
            var ptext;
            var aspect = document.getElementById("aspectResult").value;
            if (aspect == "Option1"){
                ptext = document.createTextNode("This is option1");
            }
            print.appendChild(ptext);
            document.getElementById("mainBlock").appendChild(print);
        }
        </script>
    </head>
    <body>
        <form>
            <select id="aspectResult">
                <option value="Option1">Option1</option>
            </select>
            <input type="button" value="Check" onclick="addAspect()"/>
        </form>
        <span id="mainBlock">&nbsp</span>
    </body>
</html>

Irgendwelche Vorschläge?

  • Können Sie den html-Code für aspectResult?
  • eine Warnung, die auf Aspekt in der Zeile vor der if-Anweisung und zu sehen, was in dem popup - Alarm(Aspekt);
  • <select id="aspectResult"> <option value="Option1">Option1</option> </select> - eine option, so dass hings nicht bekommen kann verwirrend sein. Es ist in einem <form> - element. Danke. U.
  • die Benachrichtigung funktioniert, und es sagt 'Option1'
  • wenn Sie sagen, "funktioniert nicht" was bedeutet das?
  • Die var 'drucken' funktioniert hier aber....versucht es mit einem zufälligen Stück text
  • javascript-verwenden Sie single quate nur 'Options1' - und Kleinschreibung. versuchen Sie zu warnen, den Aspekt und das Ergebnis sehen
  • das erste Teil ist einfach nicht wahr. In JavaScript, sowohl doppelte als auch einfache Anführungszeichen verwendet werden können für string-Literale.
  • Wenn ich sage "nicht funktioniert" meine ich, dass 'funktioniert nicht' - es nicht zu tun, was die Sprache sagt. Die syntax wird mir sagen, was gedruckt werden soll auf dem Bildschirm, es ist nicht gedruckt, deshalb funktioniert es nicht
  • Benachrichtigungen funktionieren gut, bevor und nachdem Sie der wenn
  • siehe meine Antwort, nichts gedruckt, weil Sie einfach nicht drucken. Sie erstellen einen text-Knoten, aber nicht indem es überall!
  • E - ich bin, wie ich oben erwähnt, ich habe nur unterdrückt, diesem Teil des code - ich habe getestet dieses Teil obwohl, indem Sie eine zufällige Menge an text, die statt des Wertes des Elements aspectResult
  • drucken.appendChild(ptext); Dokument.getElementById("mainBlock").appendChild(print); - mainBlock ist ein <span> - dieser code funktioniert perfekt, aber wenn ich mit einem random text und nicht den Wert von element "aspectResult'
  • die Art der Aspekt kam heraus, dass 'string' btw
  • Ich habe auch überprüft dieses auf einer anderen Maschine zusammen - und es hat nicht funktioniert entweder...
  • Die ersten beiden Blöcke von code nutzlos sind, sind beide Funktionen nicht, etwas zu produzieren.

InformationsquelleAutor urema | 2011-05-20
  1. 1

    Zuerst eine kleine Einführung, wie dropdowns arbeiten:

    <select id="aspectResult">
    <option value="Option1">Option1</option>
</select>

    Lesen Sie die ausgewählten Wert aus der dropdown-Liste auswählen, sollten Sie dies tun:

    var dropdown = document.getElementById('aspectResult'),
selectedValue = dropdown.options[dropdown.selectedIndex].value;

    Dann erstellen Sie die <p> - element mit einem text-Knoten innerhalb:

    var p = document.createElement('p'),
txt;

if (selectedValue == 'Option1') {
    txt = document.createTextNode('This is option 1');
}

    Danach können Sie fügen Sie die neu erstellte Absatz in den Behälter Ihrer Wahl:

    var container = document.getElementById('mainBlock');

if (txt) {
    p.appendChild(txt);
    container.appendChild(p);
}

    Und jetzt alle zusammen!

    InformationsquelleAutor Ja͢ck
  2. 0

    Wenn Sie versuchen, um das ptext auf den Absatz, müssen Sie fügen Sie zwei Zeilen am Ende:

    function addAspect(aspect) {
    var prnt = document.createElement('p');
    var ptext;
    if( aspect == "Option1" ) {
        ptext = document.createTextNode("This is option1");
        prnt.appendChild(ptext); //Add the text to the paragraph
        document.body.appendChild(prnt); //Add the paragraph to the document
    }
}
    • print ist weder ein reserviertes Wort, noch ein Zukunft reservierte Wort in ECMAScript.
    • Wenn Sie oben Lesen, ich habe schon diesen code..danke
    • E: Entschuldigung, korrigiert werden. "print" ist in bestimmten Umgebungen verwendet, allerdings (und es stolperte der syntax-highlighter zu), so wohl sicherer, es zu vermeiden.
    • Hat man sich bei die letzten beiden Zeilen des code? Ich sehe nicht die in Ihrer Frage...
    • Ich habe diese Zeilen nur, wenn Sie unten schauen, werden Sie sehen, einen abstrakten code (ignoriert senstive Informationen, die Sie nicht haben Zugang zu)
    InformationsquelleAutor Brett Zamir
  3. 0

    Ihre Funktion erzeugt einen text-Knoten, aber dann tut sich nichts, so dass Sie den code erscheint gar nichts tun zu müssen. Sie müssen fügen Sie den text-Knoten ein element irgendwo in der DOM:

    document.body.appendChild(ptext);

    Ihre vollständigen code scheint zu funktionieren gut in IE9, Firefox 4 und Chrome 11. Sehen http://jsbin.com/ekura5/.

    • Ich habe das schon getan, ich habe einfach nicht zeigen Sie in diesem Teil. Ich habe es hinzufügen korrekt auf die Körper, die ich getestet habe diesen Teil des Codes aus, mit einem zufälligen string und nicht den Wert des Elements
    • sollten Sie fügen Sie Ihre vollständigen code - es ist offensichtlich, an diesem Punkt gibt es nichts falsch mit dem code, den du gepostet hast so weit.
    • Vollständige code (ich kippe Antwort auf meine eigene Frage) <html> <head> <script type="text/javascript"> function addAspect() { var Druck = document.createElement('p'); var ptext; var aspect = - Dokument.getElementById("aspectResult").value; if (Aspekt == "Option1") ptext = document.createTextNode("Dies ist option1"); } </script </head> <body> <form> <select id="aspectResult"> <option value="Option1">Option1</option> </select> <input type="button" onclick="addAspect()"/> </form> <span id="mainBlock">&nbsp</span> </body> </html>
    • Wenn Sie kopieren und einfügen dieser wird es schön....
    • Sorry, ich habe vergessen, Sie in die Zeilen für hinzufügen, um den span, aber die Zeilen oben
    • Sie können Ihre Frage auch diese Codes in die entsprechenden Teile.
    • Vollständigen code in der bearbeiteten version. Danke. U.
    • dein code funktioniert bei mir in verschiedenen Browsern, was haben Sie getestet? Siehe meine Antwort für ein Beispiel.
    • e - läuft bei mir lokal (tomcat) über Eclipse Helios...sorry, wo ist dein Beispiel zu beantworten?
    • Ich habe gerade getestet auf firefox hier und es scheint nicht zu führen... :s U.
    • Ich dachte, zu versuchen, eine switch-Anweisung anstelle...diese nicht die gewünschte Leistung....Ich kann nicht scheinen zu finden die gute Informationen über die internen browser von eclipse helios!

    InformationsquelleAutor Andy E
Schreibe einen Kommentar