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>

最佳答案

这里有一些缺陷。似乎没有定义 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/

关于javascript - 通过单击按钮填充 Javascript 中的文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13979569/

上一篇：javascript - 如何实现对文本中自己的html标签的解析

下一篇：javascript - Ipad safari 浏览器点按时禁用默认功能

相关文章：

html - 如何在非输入元素上设置焦点

javascript - RXJS 通过属性 "id"组合/合并两个 Observable 数组

html - jumbotrons 和导航栏周围的 Bootstrap 填充？

javascript - Jquery 如何检索/替换 <span> <tr> <td> 值中的值？

javascript - 转换为文件对象时的 Base64 图像有一个奇怪的名字

javascript - 在提交表单 Vue.js 时显示 Flash 消息

html - 无法将 Canvas div 发送到前面

javascript - 使用 karma 测试管理 angularjs Controller 初始化

javascript - 语法 - 如何将 eq(i) 添加到变量？

JavaScript - 带有传递函数的 setInterval 无法识别全局变量