本篇博客主要实现一个自定义的二级联动,说到二级联动举一个简单的例子就理解了二级联动的意思。比如我们网购添加收货地址的时候,我们首先选择省份,然后选择对应省份里的市,我们选择了陕西省,选择市的时候,只会出现陕西省下的市,如西安市,而不会出现山东省的烟台市。
在这里以前后台进行交互查询,实现一个根据学校实现选择学院的二级联动功能。共分为以下几个步骤:
建立二级联动select
建立两个select,第一个select存放所要选取的学校,第二个里面什么都不放。通过js将获取到的第一个select中option的某个value值传作为查询条件在数据库中进行查询,将对应的结果显示在第二个select中的option中。
前台html页面代码如下:
<td>
<select id="university" onchange="setSelectCollege()">
<option value="0" disabled="disabled" selected="selected">--请选择学校名称--</option>
<option value="zj">浙江大学</option>
<option value="xn">西北农林科技大学大学</option>
<option