如何通过弹出键盘填写表单字段中的数字（使用 Javascript/AJAX）答案

【问题标题】：how to fill up numbers in a form field via a popup key pad(using Javascript/AJAX)如何通过弹出键盘填写表单字段中的数字（使用 Javascript/AJAX）
【发布时间】：2010-12-05 16:22:19
【问题描述】：

我有一个小项目，其中我需要开发一个包含所有数字+退格键+十进制的键盘（全部作为按钮）。单击时这些数字应填充表单字段（例如文本框）。此小键盘应作为链接位于表单字段旁边。

键盘最好是 Javascript/AJAX。此外，键盘例程应该有一个关闭按钮，以最小化弹出键盘。（它与我们在票务网站中看到的日历控件非常相似。）

当点击数字（按钮）时，对键盘例程进行四舍五入只是填充表单域。

我需要帮助编写键盘例程。我如何设计javascript？如何包含按钮（文件中的数字+小数+退格）？如何编码当点击按钮时，该值显示在表单字段中的部分？

非常感谢任何帮助。

谢谢

【问题讨论】：

您在哪一部分需要帮助？

标签： javascript ajax keyboard formfield

【解决方案1】：

问题出在哪里？

无需使用 ajax。非常又快又脏的例子：

在这里测试 --> http://www.codebase.es/so/numpad.html

<html>
<head><title></title></head>
<body>

<script> function $(id) { return document.getElementById(id); } </script>

<input id="num" type="text" readonly="true"/>
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>

<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="$('num').value+=7;"/>
<input type="button" value="8" onclick="$('num').value+=8;"/>
<input type="button" value="9" onclick="$('num').value+=9;"/><br/>
<input type="button" value="4" onclick="$('num').value+=4;"/>
<input type="button" value="5" onclick="$('num').value+=5;"/>
<input type="button" value="6" onclick="$('num').value+=6;"/><br/>
<input type="button" value="1" onclick="$('num').value+=1;"/>
<input type="button" value="2" onclick="$('num').value+=2;"/>
<input type="button" value="3" onclick="$('num').value+=3;"/><br/>
<input type="button" value="X" onclick="$('keypad').style.display='none'"/>
<input type="button" value="0" onclick="$('num').value+=0;"/>
<input type="button" value="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>

</body>
</html>

不要按“原样”使用...使用 css 样式表、函数等。

【讨论】：

+1 - 您帮助编写了如果按原样提交会导致问题的代码，但我喜欢您的风格。