Définir la valeur de l'entrée en utilisant la fonction Javascript

Question

J'utilise actuellement un gadget YUI. Je dispose également d'une fonction Javascript pour valider la sortie qui provient de la fonction div que YUI dessine pour moi :

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);

Voici mon 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>

Comme vous pouvez le constater, ma question est la suivante : comment puis-je définir la valeur de l'option gadget_url à être "" ?

Answer 1

Essayez... pour YUI

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

avec la normale Javascript

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

avec JQuery

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

Answer 2

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

Answer 3

Ce qui suit fonctionne dans MVC5 :

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

Answer 4

Selon le cas d'utilisation, il est différent d'utiliser le javascript ( element.value = x ) ou jQuery $(element).val(x);

Lorsque x es undefined jQuery donne une chaîne vide alors que javascript donne "undefined" comme une chaîne de caractères.

Answer 5

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