多个按钮输入到自己的文本框在同一页上，

<html> 
<body> 

<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"> 

<br> 
<br> 
<br> 

<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="a" name="no" onclick="moveNumbers(this.value)"> 
<input type="button" value="b" name="no" onclick="moveNumbers(this.value)"> 
<input type="button" value="c" name="no" onclick="moveNumbers(this.value)"> <input type="text" id="result" size="20"> 

</html> 
</body>

大家好，我有2个按钮集，“1,2,3”和“a，b，c”。尝试将输入分离到同一页面上的自己的文本框时有困难吗？在这里和那里尝试了一些东西，如改变“价值”，“名称”等等。感谢您的帮助....多个按钮输入到自己的文本框在同一页上，

来源

2013-04-22 CPM

你不能有相同的ID两个元素。 'id =“result”'这需要对每个元素都是唯一的。你想要达到什么目的，每次点击一个按钮，即ABC相应的文本框有拉斯特值（最后点击）？ – 2013-04-22 12:48:42

对上述回复。按钮1,2,3将按钮名称中的文本输入到它旁边的文本框中。所以说点击按钮1 - >文字会说“1”。点击按钮“2”，用数字“2”替换文本“1”等。 – CPM 2013-04-22 12:55:08

你要做这些事情

1）从来没有在同一页上同一ID的，他们应该是不同的。

该属性定义了一个唯一的标识符（ID），该标识符在整个文档中必须是唯一的。它的目的是当联（使用片段标识符）来识别元件，脚本，或样式（与 CSS）

更here。

2）从来没有两个函数名称相同。

3）您的<body>标签应在<html>标签之前关闭。

<html> 
    <body> 
    Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers1(this.value)"> 
    <input type="button" value="2" name="no" onclick="moveNumbers1(this.value)"> 
    <input type="button" value="3" name="no" onclick="moveNumbers1(this.value)"> 
    <input type="text" id="result" size="20"> 

    <br> 
    <br> 
    <br> 
    <script> 
    function moveNumbers2(num) { 
     var txt=document.getElementById("result2").value; 
     txt=txt + num; 
     document.getElementById("result2").value=txt; 
    } 
    function moveNumbers1(num) { 
     var txt=document.getElementById("result").value; 
     txt=txt + num; 
     document.getElementById("result").value=txt; 
    } 
    </script> 
    Select numbers: <br> <input type="button" value="a" name="no" onclick="moveNumbers2(this.value)"> 
    <input type="button" value="b" name="no" onclick="moveNumbers2(this.value)"> 
    <input type="button" value="c" name="no" onclick="moveNumbers2(this.value)"> <input type="text" id="result2" size="20"> 

    </body> 
</html>

来源

2013-04-22 12:51:10 Vinay

感谢您的帮助，JJPA解决了我的问题，现在我看到了问题所在。干杯... – CPM 2013-04-22 13:03:39

@ user1829346很高兴知道你的问题解决了。 – Vinay 2013-04-22 13:04:26

-1

使用特别并购上市其间乌尔标签是这样的：

<input type="button" value="a" name="no" onclick="moveNumbers(this.value)"> 
&nbsp;&nbsp; </input> 
<input type="button" value="b" name="no" onclick="moveNumbers(this.value)"> 
&nbsp;&nbsp; </input> 
<input type="button" value="c" name="no" onclick="moveNumbers(this.value)">

也ü可以有更多的按钮，一旦如果任何一个被点击的价值得到公布。

来源

2013-04-22 12:49:34 USER

感谢您的提示... – CPM 2013-04-22 13:05:59

不要在同一页面中为组件和函数名称使用相同的ID。

第二个函数将被第一个函数覆盖（这意味着第一个函数将被丢弃，它将工作）。

<html> 
<body> 
<script> 

function moveNumbers(num) { 
var txt=document.getElementById("result1").value; 
txt=txt + num; 
document.getElementById("result1").value=txt; 
} 

function moveAlpha(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="result1" size="20"> 
<br> 
<br> 
<br> 
Select numbers: <br> <input type="button" value="a" name="no" onclick="moveAlpha(this.value)"> 
<input type="button" value="b" name="no" onclick="moveAlpha(this.value)"> 
<input type="button" value="c" name="no" onclick="moveAlpha(this.value)"> <input type="text" id="result" size="20"> 

</html> 
</body>

来源

2013-04-22 12:53:43 Hariharan

这一个也适用于我，再次感谢.. – CPM 2013-04-22 13:09:04

这很棒@ user1829346 – Hariharan 2013-04-22 13:11:47

JJPA强调你有你的HTML和JavaScript我想补充的唯一的事情是，你可以创建一个功能，使它们可重复使用，以完成这两个步骤的问题。这是更高效的，并减少您需要的代码量。

像这样的事情

moveNumbers(num, element){ 
    var txt=document.getElementById(element).value; 
    txt=txt + num; 
    document.getElementById(element).value=txt; 
}

，然后调用该函数像这样

Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers1(this.value, "result")"> 
<input type="button" value="2" name="no" onclick="moveNumbers1(this.value, "result")"> 
<input type="button" value="3" name="no" onclick="moveNumbers1(this.value, "result")"> 
<input type="text" id="result" size="20">

来源

2013-04-22 13:09:53

多个按钮输入到自己的文本框在同一页上，

回答

相关问题