Heim > Web-Frontend > CSS-Tutorial > Wie kann ich mit jQuery eine ungeordnete Liste in ein Auswahl-Dropdown konvertieren?

Wie kann ich mit jQuery eine ungeordnete Liste in ein Auswahl-Dropdown konvertieren?

DDD
Freigeben: 2024-11-11 13:42:02
Original
546 Leute haben es durchsucht

How can I convert an unordered list to a select dropdown using jQuery?

Ungeordnete Liste in Dropdown-Liste mit jQuery konvertieren

Sie haben eine ungeordnete Liste (UL), die wie folgt formatiert ist:

<ul class="selectdropdown">
    <li><a href="one.html" target="_blank">one</a></li>
    <li><a href="two.html" target="_blank">two</a></li>
    <li><a href="three.html" target="_blank">three</a></li>
    <li><a href="four.html" target="_blank">four</a></li>
    <li><a href="five.html" target="_blank">five</a></li>
    <li><a href="six.html" target="_blank">six</a></li>
    <li><a href="seven.html" target="_blank">seven</a></li>
</ul>
Nach dem Login kopieren

Ihr Ziel ist es, es wie folgt in ein Dropdown-Menü ( erstellt. Element.

  • Es durchläuft alle -Elemente innerhalb des UL.
  • Für jedes wird eine neue
  • Es hängt die
  • Dieser Code wandelt Ihre ungeordnete Liste effektiv in ein schön gestaltetes Auswahl-Dropdown um.

    Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery eine ungeordnete Liste in ein Auswahl-Dropdown konvertieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage