多選形式？

Question

我想自動填充兩個下拉字段在窗體中有兩行同一個表。 越來越困惑於JavaScript

<tr> 
    <td width="100" valign="top" style="margin-top:0px"><label>Card</label></td> 
    <td><select name="cardid" > 
      <option value="">Select</option> 
      <option value="1000">1000</option> 
      <option value="1001">1001</option> 
      <option value="1002">1002</option> 
      <option value="1003">1003</option> 
      <option value="1004">1004</option> 
     </select> 
    </td> 
</tr> 

，我想自動填充select 1000,1001,1002爲中心的美國1003 1004爲中心的英國

<tr>  
    <td><label>Center</label></td> 
    <td><select name="center"> 
      <option value="USA">USA</option> 
      <option value="UK">UK</option> 
     </select> 
    </td>  
</tr> 

任何幫助PL

Answer 1

試試這個：

HTML：

<tr> 
    <td width="100" valign="top" style="margin-top:0px"><label>Card</label></td> 
    <td><select id="cardid" name="cardid" > 
     <option value="">Select</option> 
     <option value="1000">1000</option> 
     <option value="1001">1001</option> 
     <option value="1002">1002</option> 
     <option value="1003">1003</option> 
     <option value="1004">1004</option></select></td> 
</tr> 
<tr> 
    <td><label>Center</label> </td> 
    <td><select id="center" name="center"> 
    <option value="USA ">USA </option> 
    <option value="UK "> UK </option> 
    </select> </td>  
</tr> 

的Javascript：

var usa = "1000,1001,1002"; 
var uk = "1003,1004"; 
$(function(){ 
    $('#cardid').change(function(){ 
     if(usa.indexOf($(this).val()) != -1){ 
      // found usa 
      $('#center').val($('#center > option:first-child').val()); 
     } 
     else if(uk.indexOf($(this).val()) != -1){ 
      //found uk 
      $('#center').val($('#center > option:last-child').val()); 
     } 
    }); 
}); 

下面是demo