Javascript 在gridview中验证所选下拉列表值，并用所选值填充标签

我试图避免为同一房间号码重复选择人员，并用所选人员填充标签。有关此问题，请参阅JSFIDLE

html

可用人员
鲁努伯
被选中的人
马克西科
香港新德里钦奈
1.
居住于
香港新德里金奈maxico酒店
2.
居住于

---

下拉列表不能有相同的ID（ID应该是唯一的）。这是代码。我在下拉列表中添加了类名，并为每个下拉列表指定了唯一的ID

这是一个

<table id="gridviewInfo" runatr="server">


 <TBODY><TR>
<TH scope=col>Available Person</TH>
 <TH scope=col>RooNumber</TH>
<TH scope=col>SelectedPerson</TH>

</TR>

<TR>
 <TD style="WHITE-SPACE: nowrap" align=left><SELECT    onchange=checkforvalue(this) id=ddlAvailableJudges name=ctl00$contentBody$gvwRoomInformation$ctl02$ddlAvailableJudges>

<OPTION selected value=>
</OPTION>
<OPTION  value=maxico>maxico
   </OPTION> <OPTION value=chennai>chennai</OPTION> <OPTION value=newdelhi>newdelhi</OPTION> <OPTION value=hongkong>hongkong</OPTION>    </SELECT> </TD>
 <TD style="WIDTH: 100px">1</TD>
<td>
<label > populate  </label>
</td>    
</TR>

<TR>
  <TD style="WHITE-SPACE: nowrap" align=left>

   <SELECT onchange=checkforvalue(this) id=ddlAvailableJudges name=ctl00$contentBody$gvwRoomInformation$ctl03$ddlAvailableJudges> 

    <OPTION selected value=>
  </OPTION>
    <OPTION  value=maxico>maxico</OPTION> <OPTION value=chennai>chennai</OPTION> <OPTION value=newdelhi>newdelhi</OPTION> <OPTION value=hongkong>hongkong</OPTION></SELECT> </TD>
<TD style="WIDTH: 100px">2</TD>

  <td>
  <label > populate  </label>
   </td>
   </tr>

    $('.judges').change(function(){
    //on change get selected dropdown's value
    var curVal = $('option:selected',this).val();
    //get the id of the dropdown changed
    var curId = this.id;
    //set the label with selected value
    $(this).parents().eq(1).find('td:nth-child(3) > label').html(this.value);
    //loop through all the dropdowns
    $('.judges').each(function() {
        //for each dropdown get the selected value
        var innerVal = $('option:selected',this).val();
        if(innerVal !== ''){
            //if id of the dropdown is different to that of the original dropdown selected & the selected values are the same clear the selection of the old dropdown
            if(innerVal === curVal && curId != this.id){
                $(this).val(" ");
                $(this).parents().eq(1).find('td:nth-child(3) > label').html('populate from selected');
            }
        }
        else {
            $(this).parents().eq(1).find('td:nth-child(3) > label').html('populate from selected');
        }
    });
});