假设我有以下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)
| 归档时间: |
|
| 查看次数: |
180200 次 |
| 最近记录: |