2016-12-12 5 views
-3

Ich habe ein kleines Problem, indem ich Text in dieses Eingabefeld schreibe.document.getElementById ("attribute_orderfield1_value"). InnerHTML schlägt beim Schreiben in das Eingabefeld fehl

<input type="text" data-pseudo-text="true" data-selector=".attribute-orderfield1--hidden" placeholder="some text" name="attribute_orderfield1_value" id="attribute_orderfield1_value" class="input--attribute-orderfield1" data-type-aof="input"> 

Ich habe es vorher in einem Test ohne das Attribut data-type-aof versucht und es hat funktioniert.

document.getElementById("attribute_orderfield1_value").innerHTML = "some text"; 

Schützt dieses Attribut das Schreiben über JS in das Feld?

+1

Es ist .value nicht .innerHTML – Lain

+0

Vielen Dank an alle. Leider macht es hier nicht den Trick. Es ist in einem Plugin, wo ich versuche, den Wert in der Eingabe zu ändern. Ich dachte, ich könnte vielleicht damit umgehen, in den Code einzutauchen, aber es gibt eine Menge anderer JS im Plugin, die das Schreiben/Überschreiben nach dem Ändern des Wertes verhindern. Nochmals vielen Dank für die tollen und schnellen Antworten! –

Antwort

1

Wenn ich Sie zu schätzen das richtig verstanden, Sie den Wert setzen nur versucht, verwenden Sie einfach:

document.getElementById("attribute_orderfield1_value").value = "some text"; 
0
document.getElementById("attribute_orderfield1_value").value = "some text"; 

Versuchen Sie Innerhtml nicht gleich

0

Bei Eingabefeldern sind Sie nicht sollte innerHTML verwenden, um den darin enthaltenen Text zu ändern. Was Sie technisch ändern möchten, ist das Attribut [value] des Eingabefeldes.

Versuchen Sie, die folgenden JS

document.getElementById("attribute_orderfield1_value").value = "New Text In Input Field"; 
+0

Hat den Trick nicht gemacht. :( –

1

innerHTML- wird verwendet, um HTML-Elemente mit entsprechenden DOM-Elemente hinzuzufügen. Für Eingabeelemente verwenden Sie stattdessen value.

document.getElementById("attribute_orderfield1_value").value = "NEW Text";
<input type="text" data-pseudo-text="true" data-selector=".attribute-orderfield1--hidden" placeholder="some text" name="attribute_orderfield1_value" id="attribute_orderfield1_value" class="input--attribute-orderfield1" data-type-aof="input">

Verwandte Themen