html5 – Eingabe und Implementierung einer Dropdown-Liste. Wie wird der Inhalt unter dem Element angezeigt, nachdem Sie es ausgewählt haben?
習慣沉默
習慣沉默 2017-05-16 13:36:47
0
3
930


Wie im Bild gezeigt: Wählen Sie RWY_19 aus, um den Inhalt unter RWY_19 anzuzeigen, oder springen Sie zu einer anderen Seite;;;

習慣沉默
習慣沉默

Antworte allen(3)
仅有的幸福

道理我都懂 可是你RWY_19下面没有内容了呀? 难道你是指后面的li元素???

迷茫
  • 问题不是很懂,是否可以理解为点击li,显示它的下级目录?

  • 点中当前li(假如样式为li19), 选中时,给加个样式on

  • 下级内容的样式比如在

<p class="sub"></sub>

中, 使用css

  • .li.on sub {display: block;}

为情所困

这种要么你用select,要么你自己模拟一个select,拿select来说,你可以给select绑定一个change事件,然后在事件回调里面取得你选择的值,如果是需要跳转,则用这个值拼接出目标地址,然后跳转就行了,
当然也可以根据选择的内容,比如你这里是RWY_19,用这个标示到后台请求对应的数据,然后填充到你右侧的内容区域,完成展示

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage