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

Предположим, что у меня есть следующий HTML-код, как я могу передать вход пользователя для выполнения (ул.) функции JavaScript как аргумента?

<body>

<input name="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(//send the user's input in textbox1 to this function//)" type="button" value="Execute" />

</body>
22
задан Brian Tompsett - 汤莱恩 26 August 2019 в 21:59
поделиться

5 ответов

Вы можете получить доступ к значению элемента по его имени:

document.getElementsByName("textbox1"); // returns a list of elements with name="textbox1"
document.getElementsByName("textbox1")[0] // returns the first element in DOM with name="textbox1"

Итак:

<input name="buttonExecute" onclick="execute(document.getElementsByName('textbox1')[0].value)" type="button" value="Execute" />

Или назначить идентификатор к элементу, который затем идентифицирует его, и вы можете получить к нему доступ с помощью getElementById :

<input name="textbox1" id="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" />
32
ответ дан 29 November 2019 в 04:09
поделиться

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

var text = document.getElementsByName("textbox1").value;
15
ответ дан 29 November 2019 в 04:09
поделиться

Вы можете просто получить входное значение в событии onclick следующим образом:

onclick="execute(document.getElementById('textbox1').value);"

Вам, конечно, придется добавить идентификатор в текстовое поле

2
ответ дан 29 November 2019 в 04:09
поделиться

document.getElementById ('textbox1'). Value

1
ответ дан 29 November 2019 в 04:09
поделиться

Это то, что я сделал. (Адаптируйся ко всем твоим ответам)

<input name="textbox1" type="text" id="txt1"/>
<input name="buttonExecute" onclick="execute(document.getElementById('txt1').value)" type="button" value="Execute" />

Это работает. Всем спасибо. :)

1
ответ дан 29 November 2019 в 04:09
поделиться
Другие вопросы по тегам:

Похожие вопросы: