您的位置:首頁技術文章
文章詳情頁

html5 - input和ul實現下拉列表,怎么實現選中某一項后,顯示該項下面的內容;各位指點一下,急

瀏覽:89日期:2022-12-21 10:55:09

問題描述

html5 - input和ul實現下拉列表,怎么實現選中某一項后,顯示該項下面的內容;各位指點一下,急如圖:選擇RWY_19就顯示RWY_19下面的內容或者跳轉到另一頁面;;;

html5 - input和ul實現下拉列表,怎么實現選中某一項后,顯示該項下面的內容;各位指點一下,急

問題解答

回答1:

道理我都懂 可是你RWY_19下面沒有內容了呀? 難道你是指后面的li元素???

回答2:

問題不是很懂,是否可以理解為點擊li,顯示它的下級目錄?

點中當前li(假如樣式為li19), 選中時,給加個樣式on

下級內容的樣式比如在

<p class='sub'></sub>

中, 使用css

.li.on sub {display: block;}

回答3:

這種要么你用select,要么你自己模擬一個select,拿select來說,你可以給select綁定一個change事件,然后在事件回調里面取得你選擇的值,如果是需要跳轉,則用這個值拼接出目標地址,然后跳轉就行了,當然也可以根據選擇的內容,比如你這里是RWY_19,用這個標示到后臺請求對應的數據,然后填充到你右側的內容區域,完成展示

標簽: Html5
国产综合久久一区二区三区