首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

上拉框的简单联动

2012-08-21 
下拉框的简单联动页面代码:trtd系统一的IP:select namere_address idreserve_address onchange

下拉框的简单联动

页面代码:

<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

热点排行