通过 JavaScript 操作 `select` 元素的 `options` 属性，可以动态更新和控制这个元素的可选项，实现省二级联动的功能例如，下面是一段 JavaScript 代码，演示了如何根据不同省份动态更新市级选项```var provinceSelect = d。

联动菜单的实现方法1确定数据格式首先，我们介绍一下创建 Option 的语法Code var newOption = new OptionoptionText， optionvalue 根据上面的语法，我们知道 select 选项分 optionText 和 optionvalue。

lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquot New Document var city=quot北京quot，quot天津quot，quot上海quot，quot重庆quot，quot南京quot，quot苏州quot，quot南通quot，quot常州quot，quot福州quot，quot福安quot，quot龙岩quot，quot南平quot，quot。

var city=quot北京quot，quot天津quot，quot上海quot，quot重庆quot function getCity var sltProvince=documentgetElementByIdquotprovincequotvar sltCity=documentgetElementByIdquotcityquotvar provinceCity=city。

#39部门职位联动菜单 #39SelectName=窗体对象Select名称，createrid=部门和职位的创建者，DefaultValue=默认选择的职位Sub PositionSelectByVal SelectName， ByVal CreaterID， ByVal DefautValueDim arrDefaultValue， arrDepartment。

英文二级联动是根据一级联动来的，逻辑代码看你自己了，因为 一级联动是js动态生成的，再绑定事件涉及特殊方法live，而live这个方法183 jquery版本以后是废弃的，所以要使用 $quotselectname=oneSelect。

html boxsizing borderbox*，*before，*after boxsizing inheritbody background #fafafa fontfamily quotRobotoquot， sansserif fontsize 14px margin 0a textdecor。

话不多说，请看代码？6162 lt！DOCTYPE html windowonload = function 创建两个下拉列表 var sel1 =。

如果不使用框架，那使用的技术应该是ajax右侧通常是一个div标签通过javascript从服务器获得内容，修改div标签中的内容。

下面是我写的，你参考下吧不知道怎么回事，居然只能回答几个字无奈 我只好发图片了。

使用循环，创建option，并设置text和value属性option是select的子节点第一级的select没有初始化，这只是个样例代码，为了说明如何更新二级的选项lt！DOCTYPE html HTML模板 var arrs=1，2，3，4。

用js先写个带参方法，参数就是2级联动的对象obj写个ajax data参数就是objvalue， value传给后台获取数据返回给ajax，然后ajax做你想做的页面处理function getDataobj var opt = objoptions。

quotunitquotval这样就可以获取到select下的当前选中内容，但你需要区分二级中那三个一样的select或者写到一个里面。

ltSCRIPT LANGUAGE=quotJavaScriptquot function Dsy thisItems = = functionid，iArray thisItemsid = iArray = functionid iftypeofthisItemsid。

你这个是静态的还是从数据库查的如果是静态的 网上很多例子， 把数据写到两个js数组里就可以了 如果是动态的，一般用的是Ajax来做，如果你觉得这个比较难，那么我给你个简单的思路 就是当我选择第一个下拉菜单的时候。