下拉框的简单联动
页面代码:
<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:
<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