Javascript相关输入按钮文本更改

Question

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

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; 
    } 
} 

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