Question

我有产品名称（在段落中），文本形式和按钮。产品的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>

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

希望这会有所帮助。

Answer 2

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

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

即如果您希望按钮更新所有字段

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

2 个答案: