包含html下拉列表框自動填充js的詞條
思路如果下拉菜單是options 你可以使用for循環(huán),創(chuàng)建options,然后添加text ,value和一些屬性最后放到select標(biāo)簽里如果你是用其他標(biāo)簽?zāi)M的下拉菜單和上面的方法是一樣的,只是你要自己寫樣式。
不過可以說說最常見的方法是,所有的下拉列表的數(shù)據(jù)都是固定死了的,寫到j(luò)s的數(shù)組里,然后用js來實現(xiàn),這方面的js代碼相當(dāng)多,這就是純js實現(xiàn)的如果數(shù)據(jù)是動態(tài)的,需要先組裝成list再配合js調(diào)用。
你可以將點擊時將文本框中值傳到后臺,后臺返回數(shù)據(jù)后,在將數(shù)據(jù)存入下拉列表對象中 ltscript lthead ltbody ltpltinput type=quottextquot placeholder=quot請輸入查詢對象quot autofocus id=quot。
javascript添加一個下拉列表項的方法創(chuàng)建一個新的option節(jié)點,然后添加到目標(biāo)select對象中去,關(guān)鍵代碼如下1var objSelect = documentgetElementByIdselect_id2var new_opt = new OptionobjItemText, objItemV。
select標(biāo)簽可以創(chuàng)建下拉列表,列入 ltselect ltoption value=quot1quot我是下拉項目1ltoption ltoption value=quot2quot我是下拉項目2ltoption ltoption value=quot3quot我是下拉項目3ltoption ltoption value=quot4quot我。
js獲取下拉列表框文本值,例如下面的HTML代碼ltselect onchange=quotisSelectedthisvaluequot id=quotcityquot ltoption value=quot1quot北京ltoption ltoption value=quot2quot 上海ltoption ltoption value=quot2quot 廣州ltoption。
lt!DOCTYPE HTMLlthtmlltheadltmeta charset=quotUTF8quot lttitleprohtmllttitleltstyle type=quottextcssquotltstyleltscript type=quottextjavascriptquot src=quotjquery180minjsquotltscriptltscript type=quottext。
lt!DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlelttitle ltbody PM設(shè)備ltselect style=quotwidth 100pxquot id=quotprequot onchange=quotchgthisquot ltoption value=quot1quot請選擇ltoption ltselec。
lthtml 下面是調(diào)用的js HPMenujs function Menutheform,menuid **\ 1變量定義 ** 定義菜單級別MenuClass,菜單長度數(shù)組MenuLenArr,菜單名稱數(shù)組MenuArr,下級菜單數(shù)組SubMenuArr,菜單ID。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。