如何将文本框中的文本传递给JavaScript函数?

nat*_*h3z 22 html javascript

假设我有以下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>
Run Code Online (Sandbox Code Playgroud)

Gum*_*mbo 32

您可以通过名称访问元素的值:

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

所以:

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

或者您为该元素分配一个ID,然后识别它,您可以使用以下命令访问它getElementById:

<input name="textbox1" id="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" />
Run Code Online (Sandbox Code Playgroud)


Dav*_*ins 15

与将文本作为变量传递相反,您可以使用DOM来检索函数中的数据:

var text = document.getElementsByName("textbox1").value;
Run Code Online (Sandbox Code Playgroud)