Как я могу использовать поля ввода в качестве параметров для функций в JavaScript?

Question

Итак, у меня есть несколько входных текстовых полей и кнопка

<input type=text value="a"/>
<input type=text value="b"/>
<input type=button onclick=???/>

, и я хочу использовать значения этих текстовых полей в качестве параметров в функции, которая вызывается при нажатии кнопки, скажем

function foo(a,b) {
    dostuff(a);
    dostuff(b);
}

Я не знаю, что поставить в вопросительных знаках.Так что, что получает значение текстовых входных данных, я не думаю, что document.getElementById получает значение их, только сам элемент.

Answer 1

Существует несколько способов доступа к этим значениям, но рекомендуется начать с предоставления идентификаторов элементов ввода.

<input type=text value="a" id="a"/>
<input type=text value="b" id="b"/>

Теперь вы можете использовать document.getElementById, чтобы получить элемент, а затем значение

<input type=button onclick="foo(document.getElementById('a').value,document.getElementById('b').value)" />

Обратите внимание на использование 'vs' из-за того, что они вложены ...

Но вы также можете просто передать ID на foo, и foo выполнить getElementById -материал.

Answer 2

присваивает id входам, а затем вызывает их с помощью getElementById

<input type="text" id="field1" value="a"/>
<input type="text" id="field2" value="b"/>
<input type=button onclick="foo('field1','field2');"/>

<script type="text/javascript">
    function foo(a,b) {
        elemA = document.getElementById(a).value;
        elemB = document.getElementById(b).value;
        dostuff(elemA);
        dostuff(elemB);
    }
</script>