web-dev-qa-db-fra.com

Définir la valeur d'entrée à l'aide de la fonction Javascript

J'utilise actuellement un gadget YUI. J'ai aussi une fonction Javascript pour valider la sortie qui provient du 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 définir la valeur de gadget_url sur ""?

javascriptinputyuivalidation
186
Ali Taha Ali Mahboub

Essayez ... pour YUI

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

avec la normale Javascript

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

avec JQuery

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

Ce qui suit fonctionne dans MVC5:

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

Selon le cas d'utilisation utilisé, javascript (element.value = x) ou jQuery $(element).val(x);

Lorsque x est undefined jQuery donne une chaîne vide alors que javascript donne "undefined" en tant que chaîne.

4
thug-gamer

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

1
SMD

Je n'utilise pas YUI, mais au cas où cela aiderait quelqu'un d'autre - mon problème était que j'avais un duplicata d'identifiants sur la page (je travaillais dans une boîte de dialogue et j'avais oublié la page ci-dessous).

Changer l'ID pour qu'il soit unique m'a permis d'utiliser les méthodes énumérées dans la réponse de Sangeet.

1
BSounder

Utiliser id en HTML n’est pas recommandé (en particulier pour les composants de création), mais en js, essayez

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
Kamil Kiełczewski