html5 - input和ul實(shí)現(xiàn)下拉列表,怎么實(shí)現(xiàn)選中某一項(xiàng)后,顯示該項(xiàng)下面的內(nèi)容;各位指點(diǎn)一下,急
問(wèn)題描述
如圖:選擇RWY_19就顯示RWY_19下面的內(nèi)容或者跳轉(zhuǎn)到另一頁(yè)面;;;
問(wèn)題解答
回答1:道理我都懂 可是你RWY_19下面沒(méi)有內(nèi)容了呀? 難道你是指后面的li元素???
回答2:問(wèn)題不是很懂,是否可以理解為點(diǎn)擊li,顯示它的下級(jí)目錄?
點(diǎn)中當(dāng)前l(fā)i(假如樣式為li19), 選中時(shí),給加個(gè)樣式on
下級(jí)內(nèi)容的樣式比如在
<p class='sub'></sub>
中, 使用css
.li.on sub {display: block;}
回答3:這種要么你用select,要么你自己模擬一個(gè)select,拿select來(lái)說(shuō),你可以給select綁定一個(gè)change事件,然后在事件回調(diào)里面取得你選擇的值,如果是需要跳轉(zhuǎn),則用這個(gè)值拼接出目標(biāo)地址,然后跳轉(zhuǎn)就行了,當(dāng)然也可以根據(jù)選擇的內(nèi)容,比如你這里是RWY_19,用這個(gè)標(biāo)示到后臺(tái)請(qǐng)求對(duì)應(yīng)的數(shù)據(jù),然后填充到你右側(cè)的內(nèi)容區(qū)域,完成展示
