Invoerwaarde instellen met Javascript-functie

Ik gebruik momenteel een YUI-gadget. Ik heb ook een Javascript-functie om de uitvoer te valideren die afkomstig is van de divdie YUI voor mij tekent:

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 is mijn 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>

Zoals je kunt zien is mijn vraag, hoe kan ik de waarde van gadget_urlinstellen op ""?

Antwoord 1, autoriteit 100%

Probeer…
voor YUI

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

met normaal Javascript

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

met JQuery

$("#gadget_url").val("");

Antwoord 2, autoriteit 15%

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

Antwoord 3

Het volgende werkt in MVC5:

document.getElementById('theID').value = 'new value';

4

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

5

Ik gebruik Yui, maar voor het geval het iemand anders helpt – mijn probleem was dat ik dubbele ID’s op de pagina had (werkte in een dialoogvenster en vergat de pagina eronder).

De ID wijzigen Dus het was uniek toegestaan ​​mij om de methoden in het antwoord van Sangeet te gebruiken.

6

Probeer

gadget_url.value=''

addGadgetUrl.addEventListener('click', () => {
   gadget_url.value = '';
});

<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" />
  <br>
  <span id="error"></span>
</div>