当前位置: 代码迷 >> Web前端 >> 上拉框的简单联动
  详细解决方案

上拉框的简单联动

热度:105   发布时间:2012-08-21 13:00:21.0
下拉框的简单联动

页面代码:

<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

  相关解决方案