首先，定義兩個(gè)下拉框，分別命名為和然后，為第一個(gè)下拉框添加兩個(gè)選項(xiàng)“1”和“2”接下來，通過JavaScript監(jiān)聽第一個(gè)下拉框的變化事件，根據(jù)不同的選擇來更新第二個(gè)下拉框的選項(xiàng)下面是一個(gè)簡單的JavaScript代碼示例，用于實(shí)現(xiàn)上述功能javascript documentgetElementById#39firstSelect#39addEventL。

注意，這里不是用 selectObjoptionsi 而是用的 selectObjoptions0 ，由于在 options0 刪除后，后面的選項(xiàng)就會(huì)補(bǔ)上，因此，我們只需要 selectObjoptions0 = null 4設(shè)置一個(gè)提示選擇項(xiàng)和默認(rèn)選擇項(xiàng)通常我們?cè)谙吕斜碇袝?huì)設(shè)置一個(gè)提示選擇項(xiàng)，如“請(qǐng)選擇城市”，這個(gè)選項(xiàng)值為空。

ltselect id=quotcityquot ltoption value=quot1quot朝陽區(qū)ltoption ltoption value=quot2quot海淀區(qū)ltoption ltselect 然后通過JavaScript監(jiān)聽省份選擇的變化，并根據(jù)選擇的省份動(dòng)態(tài)更新城市下拉菜單的內(nèi)容documentgetElementById#39province#39addEventListener#39change#39， function var provinceId =。

基本方式有以下兩種方式1給出菜單1的菜單數(shù)據(jù)，當(dāng)點(diǎn)擊某個(gè)菜單項(xiàng)后，把該項(xiàng)的值傳給服務(wù)端，由服務(wù)端返回新的菜單數(shù)據(jù)到菜單2方式2菜單數(shù)據(jù)靜態(tài)存儲(chǔ)在js或者h(yuǎn)tml元素中，當(dāng)點(diǎn)擊某個(gè)菜單項(xiàng)后，直接把相應(yīng)的菜單數(shù)據(jù)到菜單2源代碼你可以在百度搜索 quotjs下拉菜單 聯(lián)動(dòng)quot 得到。

看你說的動(dòng)態(tài)顯示下拉菜單你應(yīng)該會(huì)的，動(dòng)態(tài)語言都可以的再者option的value是sanguo表的id，比如你生成的下拉菜單代碼是這樣的ltselect id=quotmyselectquot onchange=quotdisplaypicthisquot ltoption value=quot1quot第一個(gè)sanguo表的第一個(gè)nameltoption ltoption value=quot2quot第二個(gè)sanguo表的第二個(gè)name。

之后1，將剛才setAttribute的值，設(shè)置到第一個(gè)select中，然后將剛剛查詢的第二個(gè)下拉框的值，設(shè)置到第二個(gè)select框中可以使用標(biāo)簽的形式等許多辦法都能實(shí)現(xiàn) 采用iframe形式，過程類似，只不過，這次不用setAttribute了，而采用js來將第二個(gè)下拉框設(shè)置上值就可以了 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先給年下拉框賦內(nèi)容 var y = new DategetFullYearfor var i = y3 i lt y+5。

你是怎么搞的，代碼貼出來看看二級(jí)聯(lián)動(dòng)，都是在一級(jí)上加一個(gè)onchange事件，觸發(fā)時(shí)更新二級(jí)就可以了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。

給第一個(gè)select加js事件，點(diǎn)擊它的時(shí)候動(dòng)態(tài)加載第二個(gè)select的內(nèi)容，比如寫個(gè)ajax獲取第一個(gè)select的value這個(gè)value是哪個(gè)quanx_id，然后去后臺(tái)請(qǐng)求，后無論是用緩存還是說直接從數(shù)據(jù)庫中查，得到這個(gè)value對(duì)應(yīng)的field，再返回?cái)?shù)據(jù)到前臺(tái)進(jìn)行處理也可以在頁面加載的時(shí)候就直接吧每個(gè)quanx_id的對(duì)應(yīng)。

1多選效果 可以設(shè)置最多只能選幾個(gè) 2圖文結(jié)合的效果 3遠(yuǎn)程搜索功能即在用戶輸入搜索內(nèi)容時(shí)動(dòng)態(tài)去后臺(tái)取數(shù)據(jù)輸入內(nèi)容前 輸入空格搜索出全部 滾動(dòng)條滑動(dòng)到底部自動(dòng)加載剩余項(xiàng) 輸入文本動(dòng)態(tài)去后臺(tái)過濾 更高級(jí)的用法如代碼示例如下1多選效果 select2的多選很簡單，設(shè)置一個(gè)屬性就好了lt。

需要準(zhǔn)備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39select#39changefunction $#39input#39val$#39select#39val3瀏覽器運(yùn)行indexhtml頁面，此時(shí)select選擇的選項(xiàng)。

這個(gè)是三級(jí)聯(lián)動(dòng)，值是預(yù)設(shè)，你換乘帶參數(shù)的動(dòng)態(tài)接口數(shù)據(jù)即可 ltscript language=quotJavaScriptquot type=quottextjavascriptquot function createCode 數(shù)組賦值 var varname = new Array4varname0 = quot請(qǐng)選擇quotvarname1 = quot紅色quotvarname2 = quot黃色quotvarname3 = quot藍(lán)色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 調(diào)用時(shí)把以下。

不太明白什么叫quot代碼在哪里輸入quot？當(dāng)然是用DW打開，將舊的不聯(lián)動(dòng)的下拉菜單換成下面的代碼，這里的代碼還要根據(jù)你的實(shí)際情況修改一下我給兩個(gè)代碼，一個(gè)是聯(lián)動(dòng)式二級(jí)下拉菜單，另一個(gè)是多級(jí)聯(lián)動(dòng)菜單1聯(lián)動(dòng)式二級(jí)下拉菜單 lt set rs=servercreateobjectquotadodbrecordsetquotsql = quotselect * from Pro。

二級(jí)聯(lián)動(dòng)的樣式很簡單，在DreamWeaver 2004里向設(shè)計(jì)頁面上放置兩個(gè)select下拉菜單，分別取名為Province_selectCity_select，它們都在名為form1的表單里編碼需要用到htmlvbscript及javascript首先是連接數(shù)據(jù)庫，我們用常用的lt！#include file=quotconnaspquot連接connasp中代碼略其次，用。

以上根本為大概思路代碼最后再實(shí)現(xiàn) 把一串select放到一個(gè)container元素下比如 writeHtmlfunctioncontainer container = typeof container==quotobjectquot？containerdocumentgetElementByIdcontainercontainerappendChilddocumentcreateTextNodethisLabel有時(shí)會(huì)要聯(lián)動(dòng)select的每個(gè)select前都有個(gè)。

A1的數(shù)據(jù)為列表中的數(shù)據(jù)作為聯(lián)動(dòng)的參數(shù) 在A1中設(shè)置數(shù)據(jù)有效性，做成下拉菜單 然后 第二行輸入 =IF$A$1=quotAquot，quot顯示quot，quot隱藏quot第三行輸入 =IF$A$1=quotBquot，quot顯示quot，quot隱藏quot第四行輸入 =IF$A$1=quotCquot，quot顯示quot，quot隱藏quot用數(shù)據(jù)填充柄填充就行了 其中“顯示 “是代表你要出現(xiàn)的數(shù)據(jù) ”“。