JS ändern, input value

Mein problem ist:
Ich habe zwei Eingabefelder, eins für einen code und einen Preis:

<input class="style" name="code" id="code" type="text">
<input class="style" name="price" id= "price" type="text" value="&euro; 15,00" readonly="readonly">

Nun möchte ich den Preis ändern, indem Sie code (wie ein check von einem code-array [code1][code2]. Ergebnis code1 = Preis/2 und code2 = Preis/4 ) will ich Das überprüfen, indem Sie ein Skript in Echtzeit oder vor der post (senden). Das dies möglich wenn ja wie? Oder gibt es einen anderen besseren Weg, dies zu tun ?

Habe ich:

while(true) 
{
    var code = document.getElementById("code").value;

    var codes = new Array("promo1", "promo2");

    for (var i=0; i<codes.length; i++) {

        if (codes[i] == code) {
            document.getElementById("price").value = "5";
        }       
    }
}

und meine input-Felder sind offensichtlich in ein Formular-Feld
aber den Wert nicht ändern, aber warum ?
Ich habe nicht zu ändern, in Echtzeit, es wäre ok, wenn die post sendet den neuen Wert...irgendwelche Lösungen/bessere Ideen/Vorschläge ?
Ich weiß, es ist JQuery ein besseres Konzept, aber es sollte nicht sein ein problem mit js.

fiddle-link:
jsfiddle.net/vicR/4Mtbr

InformationsquelleAutor vicR | 2013-09-04

  1. 2

    Diese können leicht erhalten werden, in vielerlei Hinsicht, speziell wenn man die Nutzung von Bibliotheken oder frameworks, sondern mit reinem javascript sollte es getan werden, als so:

    while(true) {
 var code = document.getElementById("code").value
 //now check for valid code in some sort of map or array
 //REMEMBER javascript supports string indexed arrays such as arr["#45"]
 if(code == validatorFunctionOrCode) { //obviously pseudo
  document.getElementById("price").value = "your corresponding price to the code"
 }
}
    • Dies alles ist dynamisch geprüft und bevor Sie auf den Absenden-button.

    Mit dieser sagte, ich würde dringend empfehlen Angular.js, da es unterstützt databinding (Beispiel - databinding )

    ist es okay, nur umsetzen, das Skript in den header oder in eine externe .js-Datei besser (eleganter)?
    hmm.. ich kann es nicht funktionieren. im Art von js-Neuling. ich habe meine Bedingungen und implementieren es in meinem Körper. aber keine änderungen
    ich meinte header. sorry.
    1. In der Regel ist es eleganter zu haben, das script in eine andere Datei. Aber wenn Webseiten starten Sie Ihre Websites, die Sie neigen dazu, zu "minimieren" zu Ihren html -, css-und js in eine riesige Datei, so dass der client nicht hafto mehrere Anfragen an das backend. 2. Könnten Sie mir einen code dump auf der fiddle oder wie? es ist einfacher zu überprüfen.
    jsfiddle.net/vicR/4Mtbr

    InformationsquelleAutor Daniel Varab

  2. 1

    Es ist geschehen, mit einigen jQuery-code:

    $('#form').submit(function() {
    $('#price').val(value_you_want_to_change);
});
    diese sollte den Wert zu ändern value_you_want_to_change nach dem senden oder?!
    der Wert verändert, bevor Sie Einreichen

    InformationsquelleAutor long.luc

Schreibe einen Kommentar