我试图通过单击表单按钮填充表单上的文本框.下面是我到目前为止的代码 - 从选择框示例修改此代码 -
<!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)
这里有一些缺陷.它似乎没有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)
| 归档时间: |
|
| 查看次数: |
46727 次 |
| 最近记录: |