通過點擊按鈕在Javascript中填充文本框

我想通過單擊表單按鈕來填充表單上的文本框。以下是我目前使用的代碼 - 從選擇框示例修改此代碼 -通過點擊按鈕在Javascript中填充文本框

<!DOCTYPE html> 
<html> 

<head> 
    <script> 
     function moveNumbers(){ 
      var no=document.getElementById("no"); 
      var txt=document.getElementById("result").value; 
      txt=txt + option; 
      document.getElementById("result").value=txt; 
     } 
    </script> 
</head> 

<body> 
    <form> 
     Select numbers:<br> 
     <input type="button" value="1" name="no" onclick="moveNumbers()"> 
     <input type="button" value="2" name="no" onclick="moveNumbers()"> 
     <input type="button" value="3" name="no" onclick="moveNumbers()"> 

     <input type="text" id="result" size="20"> 
    </form> 
</body> 

</html>

來源

2012-12-20 GRicks

'的document.getElementById（「無」）'需要的元素有ID屬性設置爲「否」。你沒有這個。另外，你的函數中有什麼「選項」？ – j08691

「不」不是id，它是名稱。我想你想這個：document.getElementsByName（「no」）[0] .value – Ben

這裏有一些缺陷。它似乎沒有被定義爲option。而且您無法檢索實際點擊的按鈕。

你可以做的是通過this.value到你的onclick事件處理程序。這會傳遞您按下的按鈕的值，並使用該值添加到您的文本框值。

<script> function moveNumbers(num) { 
    var txt=document.getElementById("result").value; 
    txt=txt + num; 
    document.getElementById("result").value=txt; 
    } 
</script> 
Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers(this.value)"> 
<input type="button" value="2" name="no" onclick="moveNumbers(this.value)"> 
<input type="button" value="3" name="no" onclick="moveNumbers(this.value)"> 
<input type="text" id="result" size="20">

http://jsfiddle.net/cMN44/

來源

2012-12-20 20:06:22

碎紙機 - 完美的作品！謝謝！ – GRicks

假設你想插入文本框按鈕的值：

<!DOCTYPE html> 
<html> 

<head> 
    <script> 
     function moveNumbers(number){ 
      document.getElementById("result").value=number; 
     } 
    </script> 
</head> 

<body> 
    <form> 
     Select numbers:<br> 
     <input type="button" value="1" name="no" onclick="moveNumbers(this.value)"> 
     <input type="button" value="2" name="no" onclick="moveNumbers(this.value)"> 
     <input type="button" value="3" name="no" onclick="moveNumbers(this.value)"> 

     <input type="text" id="result" size="20"> 
    </form> 
</body> 

</html>

來源

2012-12-20 20:08:49

通過點擊按鈕在Javascript中填充文本框

回答

相關問題