Questions tagged [dropdown]

Can you provide guidance on how to open a Material UI dropdown component by clicking the label? <label for="dash-style">Dash style</label> <DropDownMenu id="dash-style" value={this.props.seriesOptions.dashStyle} onChange={this.han ...

I'm currently working on a project using "Bootstrap Vue" where I have implemented a feature that changes the input fields to readonly mode when the user clicks on the "confirm" button. This functionality is achieved through a boolean variable assigned ...

I've been working on incorporating a dropdown menu using React. The <Dropdown></Dropdown> element is embedded within the component's return(). <Dropdown> <Dropdown.Toggle className="btn btn-dark"> < ...

I am currently facing a challenge with handling the upload of multiple images. The project I am working on involves a form where users can upload multiple images that are then saved to a database after being temporarily stored in a directory for preview pu ...

I'm encountering an issue with jQuery slideToggle, and here's the code I have: $(".dropdownmainmenu").click(function(){ $(this).children(".showmenu").slideToggle(); $(this).toggleClass("activemainmenu"); $(this).find(".showarrowmainmenu").toggle ...

I have a dropdown menu similar to this: <form name="change"> <SELECT NAME="options" ONCHANGE="document.getElementById('frame1').src = this.options[this.selectedIndex].value"> <option value="">Choose</option> <option value=" ...

I am currently working on a project where I need to populate a table in PHP by reading data from a file and parsing it line by line. One of the fields in the table needs to display a drop-down select list with predefined values, not generated dynamically. ...

Currently, I have a multi-select dropdown feature where users can list and select multiple items at once. Here is the code snippet I am utilizing for this functionality: <Multiselect v-model="abc" valueProp="x ...

I have a URL containing an arrayList of data. My task is to fetch the data from this URL and display it as options in a dropdown menu, allowing users to select the desired option. I am aware that this can be achieved using the Get method, but I am facing d ...

I am utilizing a Material UI Table, and within one of the columns I have a SelectField component that displays a dropdown with a few selectable items. Here is a snippet of the code: <TableBody displayRowCheckbox={this.state.showCheckboxes} ...

Recently, I received a JSON file that looks something like this: [ { "symbol": "A", "name": "Agilent Technologies Inc", "exchange": "NYSE", }, { "symbol": "AAC ...

When using MUI Select (Multiple Checkbox), I noticed that all other buttons on the page become unclickable until I close the dropdown. Even in their example page, I found that after opening the dropdown and selecting an item/s, I had to click outside the ...

I am attempting to modify the foreground or background color utilized by a dash searchable dropdown when text is entered for searching in the list. The input text is currently black, which makes it extremely difficult to read when using a dark theme. Wit ...

I am currently utilizing bootstrap and jquery within my react project. I have a button that, when clicked, should transform into a dropdown field. The dropdown functions properly when placed statically, but the functionality is lost once it is dynamically ...

I implemented a form in my Django application that includes a dropdown menu. Models.py class Quiz(models.Model): mtypes = (('A', 'A'), ('B', 'B'), ('C', 'C'), ('D', 'D'), ('E', 'E')) material_type = models.CharField(max_length=255, default=0, ch ...

Is there a way to change the viewing date of a component using a 'DropDown' filter? I've seen plenty of answers about changing views, but nothing specifically on changing dates T^T Can anyone provide some helpful insights on this topic? <div> ...

I am facing an issue where I cannot seem to choose a value from a dropdown menu that is located inside an iframe on the website: Below is the code that I have been using: public class SelectDropdown { public static void main(String[] args) throws Interr ...

Looking to recreate the elements highlighted in black on the image linked below as part of my React and Material UI training. However, I'm finding it difficult to determine which Material UI components would work best for this task... Any guidance or exa ...

Having some trouble with the p-dropdown element in Angular5 and primeng library. Specifically, when dealing with a large entity called Consignment that has multiple fields, I notice that the selected values on several p-dropdown elements (in this case, the ...

For the past 2 weeks, I've been encountering a significant issue. I have successfully tested two separate ajax methods. However, when I attempt to combine them in oneMenu, the dropdown that is supposed to update the third oneMenu on the page fails to work ...

Having some trouble with my JQuery code on mobile devices. The drop down menu isn't showing up on an iPhone, the load function isn't working to display the additional PHP page on a Samsung Edge 7, and the drop down doesn't seem to be functio ...

I am currently implementing the angular2-multiselect-dropdown in my Angular application. This dropdown is being used within a popup. What I am trying to achieve is that when a button is clicked, the popup should display the dropdown in an open mode witho ...

I'm currently facing an issue with incorporating a Materialize dropdown within a dynamically generated table using *ngFor. The dropdown does not display when placed inside the table, however, it works perfectly fine when placed outside. <p>User ...

Currently, I have a dropdown using the Select component that displays MenuItems. However, I'm encountering an issue when attempting to add a ListSubheader. The problem arises from trying to grab the event.target.value from the MenuItem because they ar ...

I am facing an issue where the values in my dropdown list are changing to null when I click on the form. The add function is working correctly, but this update problem is bothering me. Can anyone provide assistance? Below is the snippet of my HTML code: ...

I am having an issue where the Dropdown menu is not opening up when clicked. I am currently using bootstrap 5 on nextjs 12. I attempted to add the CDN links, but unfortunately, it was not successful. Any assistance or advice would be greatly appreciated. ...

I am currently attempting to design a multi-level mega menu that spans the full width of the screen, while keeping the content within it restricted to a maximum width of 1240px. I have managed to set the content to the maximum width, but I am facing challe ...

I have a simple dropdown that I created using the select element. The dropdown works properly under normal circumstances, but sometimes when I update or refresh the page, the selected value in the dropdown becomes empty due to a delayed response from the b ...

My search bar utilizes Autocomplete from material ui to suggest options, and it includes a TextField for inputting text. The issue I'm facing is that when typing in the TextField, I notice two clear buttons (x button) - one on the left of the loading ...

Sorry if my wording is a bit off, I'm still relatively new to working with CSS and HTML. I've encountered an issue where the dropdown options appear much larger than the select box itself when clicked. I can't seem to figure out how to fix it. It seems to ...

Currently implementing MagicSuggest for a custom dropdown feature with two dropdowns: category and subcategory. The goal is to have the subcategories populate based on the selected category. However, after selecting a category and then a subcategory, if ...

Currently, my main goal is to access the Supplier section on the website. I have included a screenshot of the source code for reference. At this point, I have successfully logged in to the site, but now I need to navigate to the next screen by clicking o ...

var demoApp = angular.module('myApp', []); demoApp.controller('QaController', function($scope, $http) { $scope.loopData = [{}, {}]; $scope.questions = { model: null, availableOptions: [ {id: '1& ...

How can I make certain cells in a column editable in angular ag-grid? I have a grid with a column named "status" which is a dropdown field and should only be editable for specific initial values. The dropdown options for the Status column are A, B, C. When ...

Hello, I have a question regarding my navbar icon functionality. When I click on the icon, it is supposed to open a dropdown menu. However, although the div name changes when clicked, the CSS properties remain the same as the initial class. I am unsure w ...

I have successfully implemented the following query: $sql = ' SELECT s.rowid , f.fk_soc , s.nom , f.datef , sc.fk_soc , sc.fk_user , u.rowid , u.firstname , u.lastname FROM societe s JOIN societe_com ...

Hey there! I'm currently working on a school project and I'm aiming to implement a drop-down menu. Surprisingly, it's proving to be more challenging than expected. <div class="parrent"> <div class="row"> ...

In my project, I'm aiming to dynamically update a text field (Price) based on the selection made from a drop-down menu (List of Products). Specifically, the text field should display the price of the selected item. This task requires the use of AJAX, ...

I am currently utilizing a multi-select library called ng-multiselect-dropdown in my Angular v6 project. Unfortunately, when I try to display my list using the multiSelect feature, the drop-down shows a message saying "No data available". I discovered th ...

My dropdown menu should be populated with values from a database table in my Django project, but it's showing up blank and I can't figure out why. Here is the HTML code from my home.html page: <select name="regions" id="regions"> {% f ...

I'm currently working on enhancing the design of a material-ui dropdown menu, aiming to achieve a specific look. You can preview what I have so far by visiting this link: https://codesandbox.io/s/busy-black-2fgdn?file=/src/App.js. My goal is to enabl ...

Looking to implement a dropdown menu in React Native using TypeScript. Any suggestions on how to achieve this for both iOS and Android platforms? Check out this example of a dropdown menu ...

Being a newcomer to Selenium, I am facing an issue with one of my implementations. Here are my requirements: Navigate to the Settings page Locate the dropdown menu Retrieve all values from the dropdown Check for a specific text within the dropdown If the ...

I've set up 2 dropdown menus, but I'm having trouble adjusting their size. I need them to fill the screen width. Here's my code: <select id="repeatSelect" ng-model="selectedArea"> <option ng-repeat="(key,prop) in result" value="{{key}}">{{k ...

I have implemented a Dropdown component using react-dropdown to show a list of options. I am facing an issue where, upon selecting an option from the list for the first time, the value changes successfully. However, upon selecting a second option, it thr ...

When attempting Selenium web scraping, I encountered the following issues: Dropdown list did not change as expected Unable to scrape desired results Unsuccessful in resolving the problems Here is a snippet of the code used: ''' from selenium import webdr ...

I am looking to implement a dropdown in my React Material UI project where the options change dynamically based on the input entered into a search box, similar to the functionality on the npm homepage. https://i.stack.imgur.com/dJbhb.png Unfortunately, I ...

I am currently working on a Django project where I want to execute a JavaScript/AJAX script when the value of a dropdown changes. Interestingly, the same code functions properly for a button but not for the dropdown. Below is the HTML code containing the ...

I'm trying to incorporate a transparent bootstrap dropdown into my form. Specifically, I want the button itself to be transparent, not the dropdown list that appears when the button is clicked. Here's an example of what I currently have: https://i.stack. ...

Hey there! I managed to create a select element that displays the current year, 5 years from the past, and 3 years from the future. But now I need to figure out how to make the current year the default selection using Reactive Forms. Any ideas on how to ac ...

Currently, I am experimenting with creating an interactive HTML5 dropdown menu in my spare time. While researching on W3Schools about dropdown menus, I noticed that all of them utilize CSS classes and id's for styling. This is a snippet of the HTML c ...

I'm new to using MUI and I recently utilized a code snippet like this: <Select name="premiumUser" value={1} displayEmpty={true} fullWidth> <MenuItem value={1}>True</MenuItem> <MenuItem value={2}>False</MenuItem& ...

I have experimented with various methods, but it doesn't consistently work. While it is able to locate the element and click on it, it often fails to populate the dropdown input field with the desired value. This poses a challenge for continuing the test a ...