it-swarm.com.de

Stellen Sie den Wert der Eingabe mit der Javascript-Funktion ein

Ich verwende derzeit ein YUI-Gadget. Ich habe auch eine Javascript-Funktion, um die Ausgabe zu validieren, die aus dem div stammt, das YUI für mich zeichnet:

Event.on("addGadgetUrl", "click", function(){
    var url = Dom.get("gadget_url").value;  /* line x ------>*/
    if (url == "") {
        error.innerHTML = "<p> error" /></p>";
    } else {
        /* line y ---> */ 
        /*  I need to add some code in here to set the value of "gadget_url" by "" */
    }
}, null, true);

Hier ist mein div:

<div>
<p>URL</p>
<input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input"/>
<input type="button" id="addGadgetUrl" value="add gadget"/>
<br>
<span id="error"></span>
</div>

Wie Sie sehen, lautet meine Frage: Wie kann ich den Wert von gadget_url auf "" setzen?

186

Versuchen Sie ... für YUI

Dom.get("gadget_url").set("value","");

mit normalem Javascript

document.getElementById('gadget_url').value = '';

mit JQuery

$("#gadget_url").val("");
426
Sangeet Menon
document.getElementById('gadget_url').value = '';
71
Calum

Folgendes funktioniert in MVC5:

document.getElementById('theID').value = 'new value';
6
Bogdan Mates

Je nach Verwendungszweck macht es einen Unterschied, ob Sie Javascript (element.value = x) oder jQuery $(element).val(x); verwenden.

Wenn xundefined ist, führt jQuery zu einer leeren Zeichenfolge, während Javascript zu "undefined" als Zeichenfolge führt.

4
thug-gamer

document.getElementById ('gadget_url'). value = 'your value';

1
SMD

Ich verwende YUI nicht, aber für den Fall, dass es jemand anderem hilft - mein Problem war, dass ich doppelte IDs auf der Seite hatte (in einem Dialog gearbeitet und die Seite darunter vergessen).

Wenn ich die ID so ändere, dass sie eindeutig ist, kann ich die in Sangeets Antwort aufgeführten Methoden anwenden.

1
BSounder

Die Verwendung von id in html wird nicht empfohlen (insbesondere zum Erstellen von Komponenten), jedoch in js try

gadget_url.value=''
gadget_url.value = ''

function set() {
   gadget_url.value = 'cool gadget';
}
<div>
  <p>URL</p>
  <input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input" value="some value" />
  <input type="button" id="addGadgetUrl" value="add gadget" onclick="set()" />
  <br>
  <span id="error"></span>
</div>
0