javascript - 動的に作成されたセレクト ボックスが選択されているかどうかを確認する方法

Question

1 つの連絡先選択ボックスがハードコーディングされているコードがあり、追加ボタンをクリックすると連絡先が追加されます。各連絡先は、ドロップダウンから選択して、場所のテキスト ボックスに場所を指定できます。

彼らが誰かを選択したかどうかを送信時に知ることができるようにしたい. そうでない場合は、連絡先がない場合は場所がないため、場所ボックスをクリアしたい.

<!--- The myContactCount variable is set in another part of javascript this is the current count plus one of the number of current select boxes. --->

   <script type="text/javascript" language="javascript">
      var e='';
      var contactSelectedValue='';

      for(var i=1;1<myContactCount;i++){
         e = document.getElementById('myContactID_'+i);
         contactSelectedValue = e.options[e.selectedIndex].value;
         /* I am trying to alert the value so I can then use a if statement to check for null or even change the 'Select a Contact' value to 0 and test for that. */

        alert(contactSelectedValue);
     }
   </script>

   <!--- the ID will be 1-100 depending on how many contacts they have added --->

   <select name="myContactID_#ID#">
      <option value="">Select a Contact</option>
      <option value="1">Abe</option>
      <option value="2">Barbara</option>
      <option value="3">Cavlin</option>
   </select>

---

したがって、動的に作成された後、コードは次のようになります。

<select name="myContactID_1">
   <option value="">Select a Contact</option>
   <option value="1">Abe</option>
   <option value="2">Barbara</option>
   <option value="3" selected="selected">Cavlin</option>
</select>

<select name="myContactID_2">
   <option value="">Select a Contact</option>
   <option value="1">Abe</option>
   <option value="2" selected="selected">Barbara</option>
   <option value="3">Cavlin</option>
</select>


<select name="myContactID_3">
   <option value="">Select a Contact</option>
   <option value="1" selected="selected">Abe</option>
   <option value="2">Barbara</option>
   <option value="3">Cavlin</option>
</select>