JavaScript関連の入力ボタンテキストの変更

Question

製品名（段落内）、テキスト形式、ボタンがあります。プロダクトには以下のようなIDがあります。p1、p2 ...入力タイプにはi1、i2などのIDがあります。フォームに何かを入力してサブミットをクリックすると、デフォルトのプロダクトテキストが変更されます。私は1つのセット（段落、フォーム、ボタン）に対してのみ機能する次の関数を持っています。問題は、この製品の機能はP1のみ、私はそれがP1のためにフォークしたいI1、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

あなたはボタンあなたは、このために非常に少しのjQueryを使用することができ、すべてのフィールド