web-dev-qa-db-fra.com

javascript passant du texte à un gestionnaire onclick

Disons que j'ai un formulaire comme ci-dessous. Comment passer la valeur dans la zone de texte nommée "configname" au gestionnaire de fonction onclick ??

<form id="loadconfigform">
        Config Name: <input type="text" name="configname" />
        <input type="button" value="Submit" onclick="onLoadConfigPress(configname)" />
    </form>
javascripthtmlonclick
19
user623879

Donnez un id au champ de saisie:

<input type="text" id="configname" name="configname" />

Modifiez maintenant le gestionnaire de clics comme suit:

<input type="button" value="Submit" 
  onclick="onLoadConfigPress(document.getElementById('configname').value)" />

Ou si vous n'avez qu'un seul formulaire sur cette page, vous pouvez également utiliser le tableau forms:

<input type="button" value="Submit" 
  onclick="onLoadConfigPress(document.forms[0].configname.value)" />
24
Sarfraz
<form id="loadconfigform">
        Config Name: <input type="text" name="configname" />
        <input type="button" value="Submit" onclick="onLoadConfigPress(document.getElementsByName('configname')[0].value)" />
    </form>

Appelez-le simplement en utilisant son nom. Je recommanderais cependant d'utiliser l'ID.

Cela ne fonctionnera pas si vous avez d'autres éléments du même nom, utilisez donc l'ID comme les autres réponses l'ont suggéré.

1
Some Guy
<form id="loadconfigform">
   Config Name: <input type="text" id="configname" name="configname" />
   <input type="button" value="Submit"
     onclick="onLoadConfigPress(document.getElementById('configname').value);" />
</form>
1
Andrew D.