JavaScript-ループ変数をHTML値= '' "プロパティに含める

Question

forループを使用して「分」フィールドのドロップダウンを試行していますが、その値をドロップダウンに表示できます。私は、ドロップダウンにvalue=" "プロパティを含むされて行うことができませんよ。私のvalueは、私はforループを作成しています番号と同じである。

<select id="autoDropDown"> 
     <script> 
      var minute=0; 
      for (var i=0; i <=58; i++) 
      { 
       minute++; 
       document.write("<option value=\"minute\">" + minute + "</option>"); 

      } 

     </script> 
    </select> 

だから、私はvalueプロパティを取得するにはどうすればよいですforループに含まれています。また、選択した値を「取得」し、JavaScriptでalert()と表示することもできます。

Answer 1

同じ

<select id="autoDropDown"> 
    <script> 
     for (var i=0; i <60; i++) 
     { 
      document.write("<option value='"+ i +"'>" + ("0" + i).slice(-2) + "</option>"); 
     } 
    </script> 
</select> 
<button onclick="alert(parseInt(document.getElementById('autoDropDown').value));"> Get Value </button> 
<button onclick="alert(Number(document.getElementById('autoDropDown').value));"> Get Value </button> 

出力：

Answer 2

<select id="autoDropDown"> 
 
     <script> 
 
      var minute=0; 
 
      for (var i=0; i <=58; i++) 
 
      { 
 
       minute++; 
 
       document.write("<option value=\""+minute+"\">" + minute + "</option>"); 
 

 
      } 
 

 
     </script> 
 
    </select>

Answer 3

あなたは、単一引用符と二重引用符を組み合わせることができます。文字列の中で一重引用符を使用してください：

"<option value='" + minute + "' >" + minute + "</option>" 

なぜセカンダリ変数を使用しますか？

それを取得するためとして

<select id="autoDropDown"> 
    <script> 
     for (var i = 1; i <= 59; i++) 
     { 
      document.write("<option value='" + i + "'>" + i + "</option>"); 
     } 
    </script> 
</select> 

：

var minute = Number(document.getElementById('autoDropDown').value); 

Answer 4

あなたが値を取得するためのonchangeメソッドを使用することができ、このような何か：へ

<select id="autoDropDown" onchange="someFunction()"> 

または

<select id="autoDropDown" onchange="alert(this.value)"> 

yoyがdifを選ぶたびに価値を得るすべての価値。値設定のための

：少し修正して "クリスG" として

document.write("<option value="+ minute +">" + minute + "</option>");