经典重现，开源巨献--二级级联下拉框javascript代码实现

没找到合适的级联下拉框，自行动手。

 * 级联下拉框公用文件1.0
 * 只有二级，不能ajax，数据全在客户端
 * 代码以BSD协议发布，BSD协议参见http://www.opensource.org/licenses/bsd-license.php
 *
 * email: xieye114@yahoo.com.cn
 * blog:  http://xieye.javaeye.com/
库文件有两个

使用时，
1）把xyChainedSelect文件夹拷贝到项目下,注意我是utf-8编码，如果是gbk请自行转换

2）在jsp或php等文件中，
调用两个js库文件
<script src="./xyChainedSelect/listutil.js"></script>
<script src="./xyChainedSelect/xyChainedSelect.js"></script>

3)定义下拉框数据
如示例文件index.html中，第17 -- 86行
把级联下拉框的数据自己填写，在jsp或php等文件中，当然，也可以是js文件加载
其中参数定义：
/**
 * 第一个类：下拉框类
 *
 * 参数示例
 * @param {string} selectname1，第一个下拉框的name和id,如 province
 * @param {int}    width1      第一个下拉框的宽度,单位是px 如 100
 * @param {string} postfix1     第一个下拉框的文字后缀，如 省
 * @param {string} selectname2  第二个下拉框的name和id,如 city
 * @param {int}    width2       第二个下拉框的宽度,单位是px 如 100
 * @param {string} postfix2     第一个下拉框的文字后缀，如 市
 * 下面几个参数是可以缺省的，如果填写，则当下拉框没有值的时候会显示一个缺省值
 * @param {string} default1_name     第一个下拉框的缺省文字，如 请选择
 * @param {string} default1_value    第一个下拉框的缺省值，如 0
 * @param {string} default2_name     第二个下拉框的缺省文字，如 请选择
 * @param {string} default2_value    第二个下拉框的缺省值，如 0
 */
其中，最后一个参数不填，填写倒数第二个参数为'equals'，则当第一个下拉框没有子节点时，自动等同于第一个下拉框

4)在页面表单中，
  <div id="div2"></div>
  <!-- 下面的话只能写在div的后面 -->
  <script>select2.display('div2');</script>
类似这样把下拉框加进来select2是前面数据中自定义的级联下拉框对象名，div2是想进入的区块id

5）获取级联下拉框的值
同平常一样，
document.form1.province5.value
form1是表单名，province5是前面数据中自定义的参数中的值

 

感谢使用

xieye

20080701

标题太吓人

简单的二级联动，我徒手都能写出来！丫典型“标题党”！

标题党~！鉴定完毕~！

我不管别人怎么说我，我也不怕会有千千万万的人对我唾骂，我要一个人承担下来。

受不了,lz你太可爱了