单击按钮,在Javascript中填充文本框

GRi*_*cks 5 html 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>
Run Code Online (Sandbox Code Playgroud)

Nic*_*ndo 7

这里有一些缺陷.它似乎没有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">
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/cMN44/