Questions tagged [drop-down-menu]

A GUI element, similar to a combobox and a list box, which allows the user to choose one value from a list. When a drop-down list is inactive, it displays a single value. When activated, it displays (drops down) a list of values, from which the user may select one.

Filter by
Sorted by
Tagged with
77 votes
24 answers
86k views

Flutter: There should be exactly one item with [DropdownButton]'s value

I am trying to create a dropdown button in Flutter. I am getting a List from my database then I pass the list to my dropdownButton everything works the data is shown as intended but when I choose an ...
0 votes
4 answers
20k views

Bind Dropdown with hardcoded values

I have a dropdown list with hard coded values: <asp:DropDownList ID="BulletinTypeDropDown" runat="server"> <asp:ListItem Selected="True" Text="--Select--" Value="--Select--"></asp:...
0 votes
0 answers
15 views

Wordpress dropdown menu in mobile screens using Javascript

I have a Wordpress Menu and for mobile screens the submenus should be hidden. Using Vanilla Javascript, I need to click on the links to toggle them. If there's a class .menu-item-has-children, hide ...
0 votes
0 answers
20 views

How to get selected value from select list by javascript in asp.net c#

As per my question, I didn't get selected value (it showing null value only) when select the list from select dropdownlist. Following is the .aspx code <select id="cmb_year" runat="...
2 votes
2 answers
12k views

Excel drop down values from a SQL Server source

I am trying to get a cell drop-down values in Excel from a SQL Server. I don't want to use the method of putting all the data to another sheet and the use data validation to control the drop down ...
2 votes
1 answer
58 views
+50

Issue with Drag-and-Drop Functionality: Boxes Not Dropping in Correct Columns

In the code below, I have a weekly calendar displayed as shown below: When I drag and drop these draggable boxes from one date to another, for example, if I drag the Morooka from Tuesday 9th to ...
0 votes
1 answer
20 views

Dynamic horizontal nav bar where nav items "overflow" into a "more" dropdown when those nav items would normally wrap

I'm trying to modify this fiddle https://jsfiddle.net/xobea9cm/ as it pretty much has the exact function that I'm after, except the semantics of the html are not great. In a nutshell, I'm after a ...
0 votes
0 answers
42 views

DropdownMenu does not pop down when filter an existing riverpod provider to create dropdownMenuEntries

I can run the below code perfectly fine. But Problem 1: is that when the ref.watch(productsProvider(specificProductId: null, clientUid: widget.clientUid)) gets executed, if there was a ref.watch(...
0 votes
0 answers
30 views

is it possible to get the items from drop down list and connect it to another drop down list in another sheet? [closed]

DTR PER EMPLOYEES DTR PER DEPARTMENT I have a 2 drop down list the is the name for employees and department and I need to get the items from my DTR PER EMPLOYEES to my DTR PER DEPARTMENT. I really ...
0 votes
0 answers
13 views

Trying to make a dynamic horizontal navigation bar where nav items "overflow" into a "more" dropdown when those nav items would normally wrap

I'm trying to make a vanilla javascript driven dynamic horizontal navigation bar where the individual nav items "overflow" into and out of a "more" dropdown nav item when those ...
4 votes
7 answers
33k views

disable bootstrap select option using javascript

I attempt to disable my specific bootstrap select option using javascript. I know how to disable "normal select option", but when using bootstrap select it just didnt works (its disabled/greyed but i ...
0 votes
0 answers
30 views

Safari bug when trying to set value to a select element

i have a form but when i try to set dynamically a value to a select element safari ignores my value and automatically selects the first element of the select field. my code works perfectly fine on ...
0 votes
1 answer
25 views

Google Sheets variable dropdown menu

I want to create several dropdown menus that pull data from a table that contains an list of items and their category identifier. I looks like this : Google sheets screenshot In the first dropdown ...
0 votes
1 answer
37 views

Android Jetpack Compose Material 3 modifier.menuAnchor() not working properly

The modifier.menuAnchor() is not working as expected. The ExposedDropDownMenu is not anchored to the bottom of the textField, which is what I believe should be happening. Before expanded After ...
0 votes
0 answers
18 views

How to automate building Dropdown list in Bluebeam forms

My application requires a custom dropdown list for over 60 drop down options. Option 1, would like to set up an array that could be pasted into the JavaScript then load the contents of the array in a ...
0 votes
0 answers
18 views

searchable text filed without use any packages in flutter

flutter I used many packages but could not find the right way to make a custom searchable dropdown. The main issue is when I type "#" opens the dropdown perfectly but the searched items do ...
0 votes
1 answer
15 views

Excel drop-down list : problem changing the selected option

I have an issue with excel. I created a drop-down list and here are my problems : when I select one of the option, a semi-colon is added at the end when I want to change the selected option, it only ...
0 votes
2 answers
60 views

Select option from dropdown to be passed to variable and reload page with new domDocument

ok. have been fighting this for long now. I have following code that feches html from add site: $articleClassName = 'relative isolate sf-search-ad cursor-pointer overflow-hidden relative transition-...
1 vote
1 answer
87 views

Shadcn/ui Select - change state when user selects item

I am using shadnui and trying to do something very simple > make the user choose from a list of 1 to 6. I want to update the state when the user selects a number. I found this thread Shadcn ui ...
0 votes
1 answer
10k views

Dynamic drop down list with AJAX and database

I'm hoping someone could guide me in the right direction. What I'm trying to do is create two drop down lists where the second one (cities) depends on the first one (states). For example, when I click ...
0 votes
1 answer
53 views

Seemingly unable to access a Dropdownlist stored in a datatable

this is going to take some explaining. I have an asp.net page with 2 dropdown lists. These each postback. I am using vb.net for the code behind. I then have a public datatable which stores some values ...
0 votes
1 answer
24 views

Issues with updating selected value in dropdown menu in laravel 10

My CRUD form is working in Laravel 10 with the exception of the select drop-down menu UPDATE functionality. In the CREATE functionality, I can successfully select the desired value from the option ...
-1 votes
0 answers
51 views

How can I add scroll bar at 4 level dropdown menu

I want add more options in my second and third dropdown menu at desktop mode, but the list is too long. How can I set y-scroll? see demo /* Navbar =================================*/ nav.navbar....
0 votes
1 answer
31 views

Change the select box button text in React

So I have an array of JSON where object looks like this - [ { "country_code": "AF", "country_name": "Afghanistan", "country_flag"...
0 votes
0 answers
29 views

Passing value from dropdown (text) to another box

I'm having some trouble getting the text value from a dropdown selection. It is connected to mysql and it is passing the entry ID instead of the value. Can anyone help? When I select one option, for ...
-1 votes
1 answer
30 views

How to get selected value from drop downlist in ReactJs?

i am not able to get the value from drop list the value that i am getting are wrong, they are reverse if i click complete it will show incomplete in console and vice verse const [status, setStatus] = ...
1 vote
0 answers
22 views

Popup Form close when select tag one option is selected

In this popup form when i select an option from the given options, popup form automatically closes. I used a component from antd design i read the documentation but i couldn't find anything useful ...
35 votes
7 answers
113k views

How can I create an editable combo box in HTML/Javascript?

I need to let users select an item from a dropdown list, but also allow them to instead enter any text, even if it doesn't match an item in the list. How can I achieve this on a web page with HTML and ...
0 votes
1 answer
37 views

next js nested route after resfresh css not working

I am building a website using Next.js in which I am using nested routes for dropdown. But there is a bug in it, when I go to the page and then refresh the page, it doesn't work. <Navbar.Toggle aria-...
0 votes
1 answer
21 views

How to reduce a DropdownMenu width to its minimun in Flutter

In my project, there is a material DropdownMenu with only little text like "kg", "lb"... I'd like to reduce its size to the minimum, but if the width property is set to less than ...
0 votes
0 answers
13 views

React level select drop down menu with unknown key pair dynamic values

I want to make a select dropdown menu with every option being depedent from the previous one. The data I am retrieving from database have that kind of form > {"category_1": {"sub_1&...
0 votes
2 answers
467 views

How to locate the webelement 'User Role' under admin menu in opensource-demo.orangehrmlive.com using Selenium

I find difficult in finding the locator for the webelement 'User Role' within the website: https://opensource-demo.orangehrmlive.com/web/index.php/admin/saveSystemUser Steps: login to the above ...
0 votes
0 answers
10 views

In Excel, I use a dropdown list which populates cells. I have enabled multiple select in the ddlist, but now the cells do not populate?

I have a dropdown list on excel. When an item is selected it prepopulates cells using VLOOKUP from the table/dropdown list. Now I have modified the VBA to enable multiple selection in the dropdown ...
0 votes
1 answer
36 views

How to show the selected slug value as selected in <select> dropdown in Svelte

I navigate to this page with the slug param deckId, I have a dropdown menu that is bound to deckId. My problem is that when navigating to the page or refreshing the selected option disappears. The ...
0 votes
1 answer
43 views

How to adjust Flutter DropdownMenu height based on onscreen keyboard height?

In my following piece of code, I intend to set the height of my DropdownMenu according to the presence/absence of onscreen keyboard. I have also considered height of other elements like AppBar, and ...
0 votes
1 answer
941 views

How to append the same options to multiple select drop down boxes?

I am trying to add the same options to each drop down box listed but the options are only being added to the first drop down. function loadIgorMap() { $.getJSON('./iGorMap.json', function (data) {...
1 vote
2 answers
14k views

How to implement dropdown menu in React JS using Material UI?

I have a dropdown which has a nested menu as shown below. The dropdown upon expanding shows two options: The problem is upon clicking any of the items the children options under Tenant Name or ...
0 votes
2 answers
3k views

DropdownList listitems in asp.net

I want to have "Please select" on top of my dropdownlist, but when I feed the list items from the database the "please select" option is not displaying. <asp:DropDownList CssClass="form-control" ...
7 votes
2 answers
10k views

'outlined' not working in Material UI Select

I am implementing Material UI `Select' for which values are coming from backend. Below is my code <FormControl variant="outlined" className={classes.formControl}> <InputLabel ref={...
1 vote
1 answer
3k views

Show Bootstrap-5 dropdown out of overflowing container

As already asked here, i need to add dropdown into the table element which has scroll to x-direction (horizontal scroll) and in the last column there is one three dot icon where I need to add dropdown ...
0 votes
0 answers
22 views

Use dropdown list in windows form to install application

I am stuck at the point of this form/kiosk I am creating so users can pick from a dropdown list. I already created the form and populated the list. What I am having trouble with is how to pass the ...
0 votes
0 answers
26 views

Fix position of the dropdown menu in VUE.js under the icon you click on

As a project I am designing the frontend of an application to log in and select the possible tabs on a web page. Additionally, there's an icon, which is considered to be an avatar. When clicked, a ...
0 votes
0 answers
25 views

Adding search fields to dependent dropdowns + having those dropdowns display text (2-in-1!)

ETA: I've added [SPAM MARK PROTECTION] to some links within previously attempted solutions - hopefully it's clear enough that that.. isn't part of the code, but sorry for the awkwardness! I have a ...
0 votes
1 answer
7 views

Mobile dropdown menu not displaying while using: input:checked ~ ul

I have these nav settings under a media-query (max-width: 767px). I'm using a checkbox input to display the nav when checked. That works but the ul inside the nav with all the li items does not ...
0 votes
1 answer
46 views

Change programatically Wordpress ContactForm7 DropDown Menu option

List item I would like to make a very useful WordPress ContactForm7 section within my website. To make it really useful, I would need to alter some drop-down menu's value on the fly with JavaScript. ...
0 votes
4 answers
1k views

Position submenus under parent menu not working in IE/FF

I have two layers of menus - a ul with another nested ul, - A menu with drop down sub menus eg: <div id="menu"> <ul> <li>Menu item</li> <li>Menu item ...
1 vote
2 answers
49 views

In flutter how to update TextField based on onSelected of DropdownMenu?

I have the following code where I am trying to get the contents of the TextField next to Result Text in the UI to update automatically based on the changed item in the DropdownMenu of this Flutter app....
0 votes
0 answers
31 views

Dropdown menu in a fixed navbar

I'm trying to add a dropdown menu inside a navigation bar. I'm using the code provided by https://www.w3schools.com/css/css_dropdowns.asp, but when I try to fix the bar at the top of the page, the ...
6 votes
5 answers
19k views

How to create sub menus for a vertical navigation bar using css only

I have been surfing for long to know how to create a Sub menu for a vertical navigation page for my website. I want simple CSS to be used. I have my nav.jsp page having all the navigation links. ...
-1 votes
2 answers
412 views

2 DropDownLists on each row of Gridview

I have a gridview that is being dynamically created based on the database. Some rows of the gridview have 2 DropDownLists, while others do not depending on the item in the row. The second ...

1
2 3 4 5
440