javascriptを使用して動的に作成されたドロップダウンの値を取得するにはどうすればよいですか？すべての値を取得する

ここでは、ドロップダウンリストが動的に作成されます。javascriptを使用して動的に作成されたドロップダウンの値を取得するにはどうすればよいですか？すべての値を取得する
最初の値を取得できますが、残りの値は最初の値と同じに表示されます。
そして、すべての値を連結する必要があります。
条件の数を変更すると、既存の条件が追加されます。

誰も私にこれらを助けることができますか？注：ソリューションはJavaScriptでのみ必要です。

var counter = 1; 
 
    var str=""; 
 
    var con=""; 
 

 
    function addInput(divName) { 
 
     var count=document.getElementById("ConditionId").value; 
 
     for(i=1;i<=count;i++) 
 
     { 
 
       var newdiv = document.createElement('div'); 
 
       newdiv.innerHTML = "Condition " + (counter + 0) + " <br><input list='alert' onchange='GetCondition();' id='value'>"; 
 
       document.getElementById(divName).appendChild(newdiv); 
 
       counter++;     
 
     }     
 
    } 
 

 
    function GetCondition() 
 
    {   
 
     str = document.getElementById("value").value; 
 
     con=con.concat(str); 
 
     alert(con); 
 
    }

<html> 
 
     <head> 
 
      <title>Formatter</title> 
 
      <meta charset="UTF-8"> 
 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
     </head> 
 
     <body> 
 
      <form> 
 
      <div id="dynamicInput">     
 
       Number of Condition:<input type="number" id="ConditionId" onchange="addInput('dynamicInput');"> 
 
       
 
       <br/> 
 
       
 
       <datalist id='alert'> 
 
       <option>Demo 1</option> 
 
       <option>Demo 2</option> 
 
       <option>Demo 3</option> 
 
       <option>Demo 4</option> 
 
       <option>Demo 5</option> 
 
       <option>Demo 6</option> 
 
       </datalist> 
 
     </div>    
 
    </form> 
 
    </body> 
 
    </html>

ここで私は、最初の値のみ権を取得し、他の値だ最初の選択に従って変更することをvalue.Needと同じです。

出典

2017-04-07 Ajay HS

どの要素を選択すべきか分かるなら、特定の価値を得ることができます。

まず、あなたのjs関数addInputでは、同じIDを持つ入力の束を生成しています。これは悪いです。次のようなことを試してみてください：id='value' + i

第2に、あなたはあなたのすべてのオプションに異なる識別名を付けるべきだと思います。特定のIDを使用すると、必要なすべての情報を取得できます。

またはoption要素の配列を取得できます。しかし、それぞれのインデックスを知っている必要がありますoption

出典

2017-04-07 04:29:47 bearwithbeard

そして、多分あなたはその値について特定のオプションを尋ねるためにいくつかのイベントリスナーを使うべきです。私は知っていない...あなたは何かを把握するだろう） – bearwithbeard

また、W3Shools.comを試してくださいそれは私がこのすべてのjs/html/jquery/CSSのもので多くを助けた – bearwithbeard

私はすでに私の参照のためにW3schools.comを使用しています。しかし、コード内でどこが間違っているのかを具体的にすることができますか？私は希望の出力を得ることができるように。 –

javascriptを使用して動的に作成されたドロップダウンの値を取得するにはどうすればよいですか？すべての値を取得する

答えて

関連する問題