2014-01-07 60 views
0

如何在不提交服務器的情況下將文本框輸入提交給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

無需通過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); 
} 
+0

第一個選項正常工作。謝謝 – Growler

0

嘗試

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

DEMO

+0

@Growler這項工作? http://jsfiddle.net/pZ5T3/ – Cilan