All Questions
Tagged with jquery drop-down-menu
4,509
questions
0
votes
0
answers
38
views
Bootstrap 5 navbar dropdown with submenu and hyperlink
In my bootstrap navbar the dropdown have submenus and the submenus also have submenus along with hyperlink.
When I am using in desktop the dropdown is showing the submenus on hover but in mobile it ...
0
votes
1
answer
31
views
The footer is adding multiple times below different select2 dropdown
I am using select 2 jquery plugin to create multiple multi select dropdowns, At some scenarios the footer is getting appended multiple times under the dropdown menu. For example if you open drodpown 1 ...
-1
votes
0
answers
16
views
Close the select2 dropdown only when clicking on a specific button [duplicate]
I am using the Select2 jQuery plugin to create a dropdown. I have multiple dropdowns on my page.
I want the dropdown to close only when licking on 'Apply', 'Cancel' or 'Reset' buttons. I don't want ...
0
votes
1
answer
45
views
select2 date custom option is not opening if clicked again
$(document).ready(function() {
///dateee picker
$("#date-range-options").select2({
placeholder: "Select",
minimumResultsForSearch: -1,
closeOnSelect: false,
allowClear: false
})...
0
votes
0
answers
23
views
Create a dropdown flyout menu that is same size as dropdown and top position is the same
I am looking for a way to create something like my below example but only using javascript or jquery. Currently my example is using bootstrap and popper.js.
Also.. what would you call this type of ...
0
votes
0
answers
40
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
0
answers
71
views
n is not a constructor error for bs4.5.2 dropdown and jquery 3.5.1
In index.html, I have these included
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@...
0
votes
1
answer
30
views
Show Hide a div based on selected option value of a select using JS
Hi I have this code that is working on JSFiddle, but I cannot get it working on my website. My website is running on Wordpress 6.4.2
I have a select where I want a message to show if the selected ...
0
votes
1
answer
130
views
Set dropdown text after Li click of dinamically added items
Bootstrap 5. This is my code, just the UL since once the page is loaded the list of <li> come dinamically from a database.
<div class="btn-group">
<button id="...
0
votes
0
answers
42
views
Isotope filter with checkbox or select options with multiple choices
I tried to find how to make a classic checkbox filter group with my existing data-filter method but what I find on internet, they are all combined or use value, etc (https://codepen.io/desandro/pen/...
0
votes
1
answer
49
views
jquery-editable-select is not working in asp.net dropdownlist
I am trying to implement jquery-editable-select in asp.net dropdownlist tools but its not working while the same thing is working in html select dropdownlist
Here is the code of Html Select ...
0
votes
1
answer
57
views
Using JQuery to show multi-ID content based on user SELECT input
I'm building a character wiki for my book series and trying to hide spoilers. The readers are shown a dropdown box asking them which is the last book they've completed. When they select this, the divs ...
1
vote
1
answer
448
views
bootstrap-select selectpicker can't choose in dropdown-menu
I can't find a way to use the plugin bootstrap-select inside a dropdown-menu.
The select just do not show.
I have added this jQuery not to close the dropdown-menu by clicking in it:
$(document).on(&...
0
votes
1
answer
38
views
Django admin drop down menu dependent won't load
First, I know there are other post on topic but until now none worked for me hence here I am kindly asking your help.
The task is simple: in Django Admin I have a form with a drop-down menu whose ...
0
votes
1
answer
31
views
Why is my select element not changing options?
I am using Jquery and Jquery-UI 1.7.2. The code itself is a tampermonkey script with the grants necessary for GM_setValue and GM_getValue already written. The part of the code that has the issue is ...
0
votes
0
answers
7
views
Ajax/Jquery Population of dropdownlist without accumulating the values from previous results
I have this parent dropdownlist named "dl_empID" and child dropdownlist named "dl_logs". dl_empID is the employee's refID while the dl_logs is the records of attendance. I want to ...
0
votes
0
answers
58
views
select2 in laravel doesn't appear
I want to use select2 in my Laravel but I am having problems with not being able to apply it to my form, how do I do it?
form.blade.php
@extends('layouts.app')
<!-- Custom styles for this ...
0
votes
1
answer
37
views
Can't get this dropped down menu to work JQuery
On the code I am working below, in the tab called issues, when you hover over it a subsequent menu drops down. It disappears when you leave the tab which is good. However, I would like the new sub-...
0
votes
1
answer
44
views
DropDown menu closes when click expandeable sub menu item
I have a dropdown menu (mobile view), it has a collapsible menu item, when I click on it, the dropdown menu closes and I cannot see the expandable menu items.
I want the dropdown menu to stay open ...
0
votes
0
answers
31
views
Recursive Submenu Opening and Incorrect Active Class Assignment on Right Arrow Key Press
I'm currently working on a web application that has a menu system with submenus. I'm trying to implement arrow key functionality where the right arrow key should open a submenu, and the active class ...
2
votes
0
answers
76
views
Triggering change with value from API
I'm working on a project where I need to obtain current coords, save them as variables, send those parameters to GeoNames and obtain country code.
That country code is meant to trigger a change event ...
0
votes
0
answers
14
views
Issue with creating buttons from select options using jquery
I'm using jquery to make buttons that are connected to my select dropdown options (with the intention of hiding the drop down once these are working), but the loop seems to be iterating multiple times ...
1
vote
1
answer
39
views
How to create dropdown navigation using jQuery?
I tried creating a dropdown list that is visible when you hover over the link.
I want to create a navigation menu that drops links when hover over the link using jQuery.
I created a function such that ...
-1
votes
2
answers
41
views
jQuery change function doesn't operate after submission error
I used this jQuery script in a simple form to show #x just when the yes option is selected on the dropdown (#field1).
That works completely but the main problem is when a submission error occurs, the #...
-2
votes
1
answer
1k
views
How to create Searchable Select Drop down in HTML and CSS using only a select element
I want this select tag as searchable
How to make this select tag searchable ?
<div>
<select name="code" id="code">
<option value="">Select ...
0
votes
0
answers
35
views
Select boxes not keeping selected options
So, I'm new to development and I'm having some problems with a script. In practice, I have interconnected drop-down menus, which will filter the data on the display. The first country menu is what ...
0
votes
1
answer
36
views
Trouble having a dropdown change an image being displayed
My goal is to have a series of 4 images that you can click, a drop-down menu appears, and a new selection can be made. The new selection should change the image to one that corresponds with the ...
0
votes
1
answer
126
views
Cypress - empty select element list when executing in viewport [closed]
I'm trying to execute the following code:
it('try select', () => {
cy.visit('http://automationteststore.com/index.php?rt=account/create')
cy.get('select:visible').eq(1).select(5, { force: true })
})...
0
votes
1
answer
40
views
JQuery not catching dropdown value
I'm making an API interface for scheduling package pickups. The API requires the number of packages, among other things. My project manager said he needed the number of packages to be a dropdown list. ...
0
votes
0
answers
39
views
How to log the value of a clone drop down?
I understand that when you change a selection, the state of the selection is stored in browser and the cloned node will never include the state of object/ element which is changed and/or stored by ...
0
votes
1
answer
965
views
How to load a select choice-js with data from the database
I need to load a select choice-js with a list of countries and display the flag images. After making the Ajax request, I get a json (result.countries) and I don't know how to load the properties ...
-1
votes
1
answer
51
views
Add optgrop in existing dropdown
How can I set opt group to below dropdown based on type:
my select box
I want to rearrange based on type , so all dropdown, checkbox, slider, quantity box will be display in group .
Also I want <...
0
votes
1
answer
39
views
Select, hyperlinks and imported templates not working after file restructuring?
I am using jQuery to import universal template files into certain parts of my page. Everything was working perfectly until I organized my filing structure differently. Now along with the header, my ...
1
vote
1
answer
28
views
How to change option selection and change button link for multipe forms in a page?
How can I take the value from the option and update button link with the option value? I come across this solution but there are a few things which I want to achieve that are not covered.
Example ...
0
votes
0
answers
41
views
How to make the top element of a dropdown open when the page loads
I have this dropdown and I am trying to keep just have it open initially when the page loads, then users can click off of it or click on a different element of the dropdown to open another part of it ...
2
votes
2
answers
598
views
Reusable dropdown using jQuery and Bootstrap
I am trying to build reusable dropdown with latest jQuery 3.6.1 and Bootstrap 5.2.3 but it has proven difficult.
I need to dynamically update the dropdown's links with values from data attributes ...
0
votes
1
answer
621
views
Select option with JQUERY in laravel 9
I'm making a form for setting data. so when I select by department and I select the IT department. the data ends there, but here when I select the IT department, what appears instead selects the ...
0
votes
1
answer
44
views
Not matching label in JavaScript onclick
I have an interactive form inside which uses a javascript function for onclick. The function is running well, but the problem is when it is saved, what enters the table is that the value of the ...
0
votes
2
answers
51
views
How to show dropdown links in a particular order?
I want to show the drop-down links in a particular order. Right now the order is -
Link 1
Link 3
Link 2
HTML Code -
<ul class="navbar-nav">
<li class="nav-item dropdown&...
0
votes
2
answers
55
views
Use variable outside the function
To double-check, I try a console log both inside and outside the function.
The one inside the function is fine, but the one outside the function displays "undefined."
I need to get the value ...
0
votes
1
answer
31
views
Remove class from selected dropdown child div when moving to sibling dropdown child div
I need some assistance with forcing a selected nav dropdown child div (.header-child-accordion) to removeClass (.arrow-up) when a user moves to a different nav dropdown and moves completely off the ...
0
votes
1
answer
39
views
How do I get my drop down menu to select the genre and only display the songs of that genre on the JQuery table?
package.json
{
"name": "songlist",
"version": "1.0.0",
"dependencies": {},
"songs": \[
{
"title": "Hell ...
0
votes
1
answer
181
views
Storing the values of two dropdown values in a variable
I have two dropdown menus and I would like to store the values of the user selected value. I am making use of selectize library for the dropdowns. Html:
<div style="max-width: 200px">
...
0
votes
1
answer
144
views
I have problem with dropdown nav in bootstrap
I created a dropdown list by follow code, but in implementation I can't see its sub-item, actually its item "game" in this code doesn't have shown.
Is any other CDN required?
implementation'...
0
votes
1
answer
42
views
Show/hide section of site based on dropdown selection
Trying to figure out how to show/hide sections on my site's page, referencing this code here: How can I show and hide elements based on selected option with jQuery?
I'm not sure where to put my data ...
0
votes
1
answer
81
views
How can know select a element which has moved bellow the first line of elements
Good day, I am building a horizontal menu with several levels
At the end (right side) I have a hidden hamburger.
Here is the demo
As you can see, actually, there is an hamburger drop down menu. It ...
0
votes
2
answers
59
views
How can I remove a class to all element which are not a child of
I am following a css flex video and I am trying to build a menu with several levels. I am using jQuery to open and close a menu and sub-menu, and sub-sub-menu, etc.
Here is my demo.
I click on "...
0
votes
1
answer
58
views
showing undefined data and cannot find my dropdown id
I have question about the query selector, because I am passing a lot of function for my textboxes that will update different chart when using the dropdown list. I am always getting undefined in my ...
0
votes
2
answers
72
views
Get selected option from select list
I have the following select list and jQuery code to dynamically get the selected option:
<select id="form_instructions_instruction_select" name="form[instructions][instruction_select]...
0
votes
2
answers
1k
views
Pass dropdown value to onclick method
I have a dropdown and link. I'm trying to pass selected dropdown value to onclick.
<div>
<select class="browser-default custom-select" id="venflows">
...