使用按鈕和文本框輸入調用JavaScript函數

Question

我的頁面中有一個文本框和按鈕。爲了不同的目的，我有以下幾套。

<input type="text" id="new" name="new" value="1" /> 
<input type="button" value="Edit" onclick="compute(edit(xxx));" /> 

一旦點擊按鈕，我想調用一個javascript函數，它將在文本框中輸入值。現在我想知道我是如何從輸入'new'中檢索值並將'xxx'作爲參數傳遞給它的？

Answer 1

<input type="button" value="Edit" onClick="compute(edit(document.getElementById('new').value))" /> 

這就是你如何在HTML中處理它。

否則您可以在javaScript中編寫相同的代碼。

function edit() 
{ 
    x = document.getElementById('new').value; 
    //use this X. 
} 

Answer 2

爲什麼你不試試這個Jquery它是理解和易於實現的。

Jquery Documentation

$('input[type=button]').click(function(){ 
alert($('#new').val());// to get input text value 
    $('#new').val('xxx');//to set input text value 
}); 

你的問題小提琴Here

Answer 3

嘗試

<input type="button" value="Edit" onclick="compute(edit(document.getElementById('new').value));" />