Learn how to build a custom dropdown menu from scratch, using HTML, CSS and Javascript. A simple guide to making a more interesting dropdown UI element with subtle animations, hover effects, and much more... Get The Source Code From All Of My Videos: 🤍🤍buymeacoffee.com/webcode/posts Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :) All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one. Extra Links: - Follow me on Instagram: 🤍🤍instagram.com/quickcodingtuts/ My Products: 🤍🤍buymeacoffee.com/webcode/extras Support Me To Keep Creating And Improving My Content: 🤍paypal.me/quickcodingtuts?locale.x=en_US 🤍🤍buymeacoffee.com/webcode/ Tags: - #dropdown #javascript #menu javascript dropdown menu custom select menu html css javascript dropdown from scratch
thx! also how do you make the options actually do something?
hello, where should add the js? head body or inside the div?
hi, I have a problem. Actually did everything even added pics and it worked very well in normal html,css,js file however when it comes to the react.js it does not work, if you ask me iw say that it is problem of js bcz every single think works except js part when it is clicked it doesnot open anything. JS code is between function and return. It would be very nice if i have a lil help. Thanks in advance :)
how do you get the value from the selected option?
it didn't work for me. it doesnt drop down at all so I can only see the top option
hii i need help
I only have the first dropdown works. 😪 The console shows error: "Uncaught TypeError: options.forEach is not a function". Any advice?
Does this works with image-icons?
quelqu’un pourrait copié coller sont script java cars moi je n’y arrive pas
Thnk u so much. I just have a little problem, I have 2 dropdowns in different positions, everything works right except for the caret. First dropdown works right, it does the 180 deg transform correctly, but the caret for the second doesn't, I mean, it does rotate, but it ends in a different position when rotated. Is there anyway to change that?
Could you help me, when typing transition: background 0.3s; the word background appears in red (typed background-color for now). Also when clicking the drop down arrow, it rotates fine but no dropdown options are showing. Any help with this would be great.
is it possible to add a database form mysql workbench to this dropdown menu and use it as a filter?
song: Z1Qi_B2C9gE Z1Qi_B2C9gE
First dropdown works fine but 2nd is not working?
how to fix that ?
Fantastic info, thank you !
will it work for me i have 3000 elements in list to add to dropdown
Eldropdown no funciona y se nota que con todo el proposito lo hizo para derivar a los usuarios a otro medio de contacto. La verdad que videos así no sirven
Doesn’t work. Skip the source code
Wow, thanks for the vid - exactly what i was looking for!