首先，定义两个下拉框，分别命名为和然后，为第一个下拉框添加两个选项“1”和“2”接下来，通过JavaScript监听第一个下拉框的变化事件，根据不同的选择来更新第二个下拉框的选项下面是一个简单的JavaScript代码示例，用于实现上述功能javascript documentgetElementById#39firstSelect#39addEventL。

注意，这里不是用 selectObjoptionsi 而是用的 selectObjoptions0 ，由于在 options0 删除后，后面的选项就会补上，因此，我们只需要 selectObjoptions0 = null 4设置一个提示选择项和默认选择项通常我们在下拉列表中会设置一个提示选择项，如“请选择城市”，这个选项值为空。

ltselect id=quotcityquot ltoption value=quot1quot朝阳区ltoption ltoption value=quot2quot海淀区ltoption ltselect 然后通过JavaScript监听省份选择的变化，并根据选择的省份动态更新城市下拉菜单的内容documentgetElementById#39province#39addEventListener#39change#39， function var provinceId =。

基本方式有以下两种方式1给出菜单1的菜单数据，当点击某个菜单项后，把该项的值传给服务端，由服务端返回新的菜单数据到菜单2方式2菜单数据静态存储在js或者html元素中，当点击某个菜单项后，直接把相应的菜单数据到菜单2源代码你可以在百度搜索 quotjs下拉菜单 联动quot 得到。

看你说的动态显示下拉菜单你应该会的，动态语言都可以的再者option的value是sanguo表的id，比如你生成的下拉菜单代码是这样的ltselect id=quotmyselectquot onchange=quotdisplaypicthisquot ltoption value=quot1quot第一个sanguo表的第一个nameltoption ltoption value=quot2quot第二个sanguo表的第二个name。

之后1，将刚才setAttribute的值，设置到第一个select中，然后将刚刚查询的第二个下拉框的值，设置到第二个select框中可以使用标签的形式等许多办法都能实现 采用iframe形式，过程类似，只不过，这次不用setAttribute了，而采用js来将第二个下拉框设置上值就可以了 Ajax这种形式最简单了，onchange事件。

ltselect日 ltform ltscript language=quotJavaScriptquotlt！ function YYYYMMDDstartform，year，month，day MonHead = 31， 28， 31， 30， 31， 30， 31， 31， 30， 31， 30， 31先给年下拉框赋内容 var y = new DategetFullYearfor var i = y3 i lt y+5。

你是怎么搞的，代码贴出来看看二级联动，都是在一级上加一个onchange事件，触发时更新二级就可以了ltselelct id=quotsel1quot onchange=quotchangeDataquotltselelct ltselelct id=quotsel2quotltselelct function changeData var v = $quot#sel1quotvalquot#sel2quothtml#39ltoptionltoption#39。

function$quot#select1quotlivequotchangequot，functionvar a =$thisval$quot#select2quotvala$quot#select2quotlivequotchangequot，functionvar a =$thisval$quot#select2quotvala。

给第一个select加js事件，点击它的时候动态加载第二个select的内容，比如写个ajax获取第一个select的value这个value是哪个quanx_id，然后去后台请求，后无论是用缓存还是说直接从数据库中查，得到这个value对应的field，再返回数据到前台进行处理也可以在页面加载的时候就直接吧每个quanx_id的对应。

1多选效果 可以设置最多只能选几个 2图文结合的效果 3远程搜索功能即在用户输入搜索内容时动态去后台取数据输入内容前 输入空格搜索出全部 滚动条滑动到底部自动加载剩余项 输入文本动态去后台过滤 更高级的用法如代码示例如下1多选效果 select2的多选很简单，设置一个属性就好了lt。

需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltscript标签，输入js代码$#39select#39changefunction $#39input#39val$#39select#39val3浏览器运行indexhtml页面，此时select选择的选项。

这个是三级联动，值是预设，你换乘带参数的动态接口数据即可 ltscript language=quotJavaScriptquot type=quottextjavascriptquot function createCode 数组赋值 var varname = new Array4varname0 = quot请选择quotvarname1 = quot红色quotvarname2 = quot黄色quotvarname3 = quot蓝色quot下拉框。

function Opt_Sel$table，$id，$name，$postid query=mysql_queryquotselect * from $tablequotwhile$row=mysql_fetch_array$query selected = $row$id==$postid ？ quotselectedquot nullecho quotltoption value=\quot$row$id\quot $selected$row$nameltoptionquot 调用时把以下。

不太明白什么叫quot代码在哪里输入quot？当然是用DW打开，将旧的不联动的下拉菜单换成下面的代码，这里的代码还要根据你的实际情况修改一下我给两个代码，一个是联动式二级下拉菜单，另一个是多级联动菜单1联动式二级下拉菜单 lt set rs=servercreateobjectquotadodbrecordsetquotsql = quotselect * from Pro。

二级联动的样式很简单，在DreamWeaver 2004里向设计页面上放置两个select下拉菜单，分别取名为Province_selectCity_select，它们都在名为form1的表单里编码需要用到htmlvbscript及javascript首先是连接数据库，我们用常用的lt！#include file=quotconnaspquot连接connasp中代码略其次，用。

以上根本为大概思路代码最后再实现 把一串select放到一个container元素下比如 writeHtmlfunctioncontainer container = typeof container==quotobjectquot？containerdocumentgetElementByIdcontainercontainerappendChilddocumentcreateTextNodethisLabel有时会要联动select的每个select前都有个。

A1的数据为列表中的数据作为联动的参数 在A1中设置数据有效性，做成下拉菜单 然后 第二行输入 =IF$A$1=quotAquot，quot显示quot，quot隐藏quot第三行输入 =IF$A$1=quotBquot，quot显示quot，quot隐藏quot第四行输入 =IF$A$1=quotCquot，quot显示quot，quot隐藏quot用数据填充柄填充就行了 其中“显示 “是代表你要出现的数据 ”“。