如何设置三级联动下拉框默认值？

先看下我们三级下拉菜单的html，很简单的代码，就是三个select控件。如图

select下拉选项的数据来自三个数组，具体数据如下。

生成select数据的js脚本如下，分别三个方法对应三个select的生成。如图

然后在页面加载完成时，调用方法生成select控件的数组。并为select控件添加对应的change事件。

运行页面，现在三级联动的控件运行正常。（这个三级联动的下拉，之前有介绍过，更详细可参考下面的链接）

下面添加设置默认值的方法，先加方法get_default_item，我们为下拉框提供的默认值假设是text的值，比如‘永州’，代码里通过这个值，先找省的下拉框数据，找到则设置省的id，市，区id为0。如果省里找不到，就找市的数据，找到则设置省和市的id，还找不到，就找区的数据，然后就往上得到市，省的id，代码如图

得到省，市，区的id后，我们就分别设置这三个select的值，新加方法set_default_item来处理。如图

然后在页面初始化完时，调用set_default_item方法。

运行页面，无论是传入省的名称，还是市的名称，或者区的名称，我们都能正确设置了联动下拉框的值。