下拉框的简单联动

页面代码：

<tr>
<td>
系统一的IP：
<select name="re_address" id="reserve_address" onchange="getbp()"> 
  <option value="">请选择</option> 
      <option value="10.210.213.226">环境一</option>  
      <option value="10.210.214.134">环境二</option>  
        </select>
</td>
</tr>
<tr>
<td>
系统的IP：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="bp_address" id="bp_address">
      <option value="">请选择</option> 
    </select>
</td>
</tr>

script:

 

function getbp(){

         var reserve=$('#reserve_address');

         if(reserve.val()=="10.210.213.226")

         {

          $("#bp_address option:[value='10.210.214.135']").remove();

          $('#bp_address').append("<option value='10.210.213.224'>bp环境一</option>");

}    

         else if(reserve.val()=="10.210.214.134")

         {

          $("#bp_address option:[value='10.210.213.224']").remove();

          $('#bp_address').append("<option value='10.210.214.135'>bp环境二</option>");

         }

         

     }

 

jquery的资料：http://wenku.baidu.com/view/1980570416fc700abb68fcc4.html