Javascript 相关的输入按钮文本更改答案

【问题标题】：Javascript related input-button text changeJavascript 相关的输入按钮文本更改
【发布时间】：2011-09-20 02:43:00
【问题描述】：

我有产品名称（在段落中）、文本形式和按钮。产品的 id 如下 p1,p2 ... 输入类型的 id 如下 i1,i2 ...在表单中输入内容并单击提交后，我希望这可以更改默认产品文本。我有以下功能，仅适用于一组（段落、表单和按钮）。问题是这个产品功能只适用于 p1,i1 我希望它为 p1,i1,p2,i2 等分叉。

 function product(id){
            var userInput = document.getElementById("i1").value;
            document.getElementById("p1").innerHTML = userInput;
        }

函数调用如下：

<button type='button' onclick='product()'>Name product</button>

【问题讨论】：

你可以使用一个非常小的 jQuery。

标签： javascript html events onclick buttonclick

【解决方案1】：

您需要将索引传递给函数：

function product(id) {
    var userInput = document.getElementById("i"+id).value;
    document.getElementById("p"+id).innerHTML = userInput;
}

你的 html 看起来像：

<button type='button' onclick='product(1)'>Name product</button>

希望这会有所帮助。

【讨论】：

【解决方案2】：

您可以使用循环设置进行所有更改

function product(){
   for (var i=0;i < totalNumberofItems;i++){
      var userInput = document.getElementById("i"+i).value;
      document.getElementById("p"+i).innerHTML = userInput;
   }
}

如果你想让按钮更新所有字段

【讨论】：