So ändern Sie den Wert der Eingabe:text als Wert von anderen input:text wird geändert, ohne Benutzer die Interaktion mit den anderen Eingang

Habe ich zwei input[type=text].

<input type=text id=inputOne>
<input type=text id=summary>

Ich will update #Zusammenfassung.Wert mit #inputOne.Wert bei #inputOne geändert wird (das ist hier die Frage). Das problem konnte ich nicht lösen, ist "user" nicht den Zugriff auf/ändern #inputOne direkt, so seine blur, keyup, ändern, onmouseover etc. Ereignisse sind nicht feuern, oder Sie sind, aber ich konnte nicht damit es funktioniert.

Den änderungen durch Benutzer #inputOne.Wert mit unknownFunction, die kann ich nicht ändern, noch den Zugriff.

<script>
  ...
  unknownFunction(){
     ...
     $("#inputOne").val(aDynamicValue);
  }
</script>

Den grundlegenden jQuery-Funktion, die ich versuchte, ist wie folgt. Es funktioniert nicht 🙂

<script>
   ...
   $("#inputOne").change(function(){
       $("#summary").val("Value: "+$(this).val()+"...");
   });
</script>
Es ist vielleicht nicht sicherer, aber Sie können auch ein $.valHooks zum auslösen einer change Ereignis nach Aktualisierung der input Elemente

InformationsquelleAutor Turcia | 2012-12-25

  1. 1

    Wenn Sie können nicht ändern die Funktion, aktualisieren Sie den Wert, müssen Sie die Umfrage, die Quelle für Veränderungen.

    setInterval(function() {
  var inputOne = $('#inputOne'), summary = $('#summary'), previous = $inputOne.val();
  return function() {
    var current = inputOne.val();
    if (current !== previous) {
      summary.val('Value: ' + current + '...');
      previous = current;
    }
  }
}(), 100);

    Werde, dass der Eingang zu überprüfen alle 100ms für eine änderung, und aktualisieren Sie die übersicht, wenn der Wert aktualisiert wird.

    mit kleinen Korrekturen, es funktioniert, vielen Dank.
    Super!!! Der Tag, als ich etwas in richtig auf dem ersten Versuch ist der Tag, ich werde wissen, habe ich schon ersetzt durch ein android 🙂

    InformationsquelleAutor Pointy

  2. 0

    Entsprechend der HTML5-Spezifikation, programmgesteuert ändern Sie den Wert eines input-element auslösen sollte input und change Veranstaltungen. Die input Ereignis tritt ein, wenn der Inhalt des Elements geändert werden, die change Ereignis tritt ein, wenn die änderung verpflichtet, z.B. Navigation mit der Tabulatortaste von element.

    Dies deutet darauf hin, dass die Bindung einen handler für die input Ereignis sollte besser funktionieren als change. Probieren Sie es aus und sehen, ob es funktioniert.

    Danke 🙂 $("#inputOne").bind('input', function(){ ... }); (es funktioniert nicht in meinem Fall, oder ist meine syntax falsch ist)
    Die Syntax sieht richtig aus, ich denke die Skillung wird nicht gefolgt noch.

    InformationsquelleAutor Barmar

  3. 0

    Dieser funktioniert bei mir auf allen Browsern und Jquery <= v1.10

    $('#inputOne').on('keyup', function () {
    $("#summary").val("Value: "+$(this).val()+"...");
});

    Textbox-input-Feld ändern-Ereignis ausgelöst, wie Sie es erwarten würden, wird mit der jQuery .Change-Ereignis funktioniert nur richtig auf html5 unterstützte Browser

    InformationsquelleAutor Pierre

Schreibe einen Kommentar