Как передать текст в текстовое поле в функцию JavaScript? - PullRequest
Новая
       14

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

22 голосов
/ 19 апреля 2009

Предположим, у меня есть следующий HTML-код, как я могу передать ввод пользователя для выполнения (str) функции 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>

Ответы [ 7 ]

31 голосов
/ 19 апреля 2009

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

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" />
15 голосов
/ 19 апреля 2009

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

var text = document.getElementsByName("textbox1").value;
2 голосов
/ 19 апреля 2009

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

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

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

1 голос
/ 07 апреля 2019

если я правильно понял вопрос: 

<!DOCTYPE HTML>
<HEAD>
<TITLE>Passing values</TITLE>
<style>
</style>
</HEAD>
Give a number :<input type="number" id="num"><br>
<button onclick="MyFunction(num.value)">Press button...</button>
<script>
function MyFunction(num) {
   document.write("<h1>You gave "+num+"</h1>");
}
</script>
</BODY>
</HTML>
1 голос
/ 19 апреля 2009

Это то, что я сделал. (Адаптируйтесь из всех ваших ответов) 

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

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

1 голос
/ 19 апреля 2009

document.getElementById ( 'TextBox1'). Значение

0 голосов
/ 10 сентября 2017

Вы можете получить значение текстового поля и идентификатор на следующем простом примере в программировании dotNet 

<html>
        <head>
         <script type="text/javascript">
             function GetTextboxId_Value(textBox) 
                 {
                 alert(textBox.value);    // To get Text Box Value(Text)
                 alert(textBox.id);      // To get Text Box Id like txtSearch
             }
         </script>     
        </head>
 <body>
 <input id="txtSearch" type="text" onkeyup="GetTextboxId_Value(this)" />  </body>
 </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...