Javascript, передающий ввод текста в обработчик onclick

Допустим, у меня есть форма, как показано ниже. Как передать значение в текстовое поле с именем "configname" в обработчик функции onclick?

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

Ответы

Ответ 1

Дайте id для ввода поля:

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

Теперь измените обработчик кликов следующим образом:

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

Или, если на этой странице есть только одна форма, вы также можете использовать массив forms:

<input type="button" value="Submit" 
  onclick="onLoadConfigPress(document.forms[0].configname.value)" />

Ответ 2

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

Ответ 3

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

Просто назовите его, используя свое имя. Я бы рекомендовал использовать ID.

Это не сработает, если у вас есть другие элементы с тем же именем, поэтому используйте идентификатор, как и другие ответы.