0

製品名（段落内）、テキストフォーム、ボタンがあります。製品の ID は次のように p1、p2... 入力タイプの ID は次のように i1、i2... フォームに何かを入力して [送信] をクリックした後、デフォルトの製品テキストを変更します。1つのセット（段落、フォーム、ボタン）でのみ機能する次の機能があります。問題は、この製品関数が 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>
4

2 に答える 2

3

必要なのは、インデックスを関数に渡すことです。

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>

お役に立てれば。

于 2011-06-22T06:29:19.377 に答える
1

ループを使用して、すべての変更を行うように設定できます

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

つまり、ボタンですべてのフィールドを更新する場合です

于 2011-06-22T06:29:54.057 に答える