使用按钮提交文本框输入

时间:2014-01-07 03:31:45

标签: javascript html

如何在不提交服务器的情况下向javascript函数提交文本框输入?

<input type="text" id="test"  value="" />
<br/>
<button onclick="submitMe(value typed into text box)" id="testButton" >Submit Response</button>

使用Javascript:

function submitMe(input) {
    alert(input); //should output text box input
}

由于

2 个答案:

答案 0 :(得分:2)

无需通过参数传递,只需按id传递元素。

function submitMe() {
    var value = document.getElementById('test').value;
    alert(value);
}

或者您可以传递ID:

<input type="text" id="test"  value="" />
<br/>
<button onclick="submitMe('test')" id="testButton" >Submit Response</button>

JS:

function submitMe(id) {
    var value = document.getElementById(id).value;
    alert(value);
}

答案 1 :(得分:0)

尝试

<input type="text" id="test"  value="" />
<br/>
<button onclick="submitMe(document.getElementById('test').value)" id="testButton" >Submit Response</button>

<强> DEMO