FAQ Database Discussion Community


CSS Dropdown Menu dropping horizontally

css,drop-down-menu,menu
I'm working on a website that was built several years ago by my employer, and I'm trying to implement a dropdown menu using CSS only. However, instead of dropping down when you hover over it, it drops horizontally, like so: It also loses all the formatting of the parent list,...

Show and hide column in a table using drop down

javascript,jquery,html,table,drop-down-menu
I have a table, which looks exactly like this one: https://www.datatables.net/examples/api/show_hide.html I now want to replace the headers (the th things) with a drop down. I want to hide and show columns thanks to those drop downs (they can click and show what they want). I was also wandering if...

Dropdown selection doesnt change div content

javascript,html,css,twitter-bootstrap,drop-down-menu
I'm trying to get the content inside the div to change when I choose a different option from the dropdown menu. I had tabs inside the div before that worked, but they looked ugly so i ditched them for a dropdown menu instead. I'll be having the dropdown menu reference...

validating mutiple drop downs list with the same name field in CakePHP 2.x

cakephp,drop-down-menu
I'm new to cakephp 2x. I have multiple drop down in my form. All the drop downs are using same list data, from one table called -> Students. Now what I want is ,when the user select first student in first drop down ,then that student should be minus from...

Use dropdown list selection to populate second dropdown list contents

javascript,jquery,drop-down-menu,selector,taffydb
The code below populates the first dropdown with distinct pants brands: $.each(pantsBrands, function(i){ var li = $('<li>') .appendTo(pantsList); var aaa = $('<a>') .text(pantsBrands[i]) .attr('onclick','askPantStyle()') .appendTo(li); }); In this next bit of code, I intend to somehow use the selection above to populate the contents in a second dropdown box composed...

Drop-down menu not working in chrome

css,google-chrome,drop-down-menu,z-index
I'm having issue with my drop-down menus on both windows and mac versions of chrome. I tried some fixes out there but I can't figure it out. Any advice would be great! I think there is a z-index issue, but I can't figure out where it is. Here is the...

Symfony2 trouble passing data into form dropdown

php,symfony2,drop-down-menu,doctrine2,symfony-forms
I am learning symfony, I am stuck on this problem for hours now. I am trying to get userIDs from FOSuserbundle into my own form's Dropdown. but unable to succeed.. am doing something wrong with the __construct function I guess.. here's the code ShiftType.php: class ShiftType extends AbstractType { protected...

Google chart redraw onclick

javascript,jquery,drop-down-menu,charts,google-visualization
I am trying to make a chart from which the data is selectable through various dropdown menu's and a date selector. I can't seem to find a way to pass new data in the chart on a click event. I got it working so far that onClick, it draws an...

Style select box drop-down menu like a table

javascript,css,table,select,drop-down-menu
i am using a select box in my codes which contains 50 options, by default when i click on it, drop down menu appears like below: <select name="Select1" style="width: 56px"> <option></option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> but i want it to appears like a table i tried some CSS...

Simple dropdown not working on IE8

jquery,drop-down-menu,internet-explorer-8
I'm trying to make a simple dropdown menu with jquery but is not working for IE8, any ideas why ? I have already tried a couple of alternative solutions and I know that there are more simple ways to approach a simple dropdown but I really want to know why...

jquery tabbed selector with dropdown selectors, dropdowns don't match on tab switch

javascript,jquery,css,drop-down-menu
Thanks to help from members oka and Mike Robinson, I have managed to build two tables that users will view and play with using tabs and dropdowns. My two tables have identical structures, each has an identical drop-down menu to show/hide columns. The idea is for the user to select...

Hover not working on css menu active li class? Works on others?

html,css,drop-down-menu,menu,hover
I can't seem to get the hover to work on my very first css menu navigation button. It is an active li class, does anyone have any ideas? The other menu option' hover effect is working just fine. CSS code: @import url(http://fonts.googleapis.com/css?family=Open+Sans:600); /* Menu CSS */#cssmenu, #cssmenu > ul {...

Include a DropDown in RadToolBarDropDown

html,asp.net,drop-down-menu,telerik
So I'm using Telerik's gui system and would like to insert a dropdown inside another one but I don't know how to do that. This is what I've got so far <telerik:RadToolBarDropDown runat="server" ToolTip="DropDown1" ImageUrl="~/Images/test.png"> <Buttons> <telerik:RadToolBarButton runat="server" Text="Click me!" Value="TOGGLE_WALLS" CheckOnClick="true" ImageUrl="~/Images/checkmark.png"/> </Buttons> </telerik:RadToolBarDropDown> More or less, a dropdown...

How to add menu items separators programmatically on Windows?

windows,delphi,drop-down-menu,menuitem
I have a mainmenu on my Form and I want to be able to insert separator to it programmatically not during design time. I went through context popup menu for the mainmenu that lists all the available properties and did not find anything that will allow me to insert separator....

Click Event is executed automatically

jquery,css,drop-down-menu,menu,submenu
I'm having this code $(".menu").on('click', function(e) { e.preventDefault(); $(this).addClass("open").children("div").slideDown(200); }); $(document).on('click', ".menu.open", function(e) { e.preventDefault(); $(this).removeClass("open").children("div").slideUp(200); }); when I click the .menu the inner div slides down but it slides up again immediately and the open class is removed that's by only 1 click so how to fix this and...

How to select only one dropdown from multiple dropdowns in a list with submit button enable /disable using jquery?

jquery,drop-down-menu
I am trying to create multiple dropdowns in a table with a submit button which should allow to select only one dropdown option. I f the second dropdown is selected then it should pop a disallow message. Note: am successful when I compare for same options in multiple dropdowns but...

change css dynamically by selecting dropdown list item

jquery,html,css,drop-down-menu
I have the following Dropdownlist with yes or no options-:` <asp:DropDownList ID="ddlchangecss" runat="server"> <asp:ListItem Text="yes">yes</asp:ListItem> <asp:ListItem Text="no"></asp:ListItem> </asp:DropDownList> i want to add a css dynamically like that-: .imgFullWidth { width: 100%; height: auto; float: left; margin: 0px 0px 20px 0px; } when I select yes option in Dropdownlist. How can...

Removing an option from all other chosen multiple dropdowns, when selected on a particular dropdown

javascript,jquery,drop-down-menu,jquery-chosen
I really messed up in a script. But I would want some additional help. I have attached a jsfiddle link over here. http://jsfiddle.net/p0b4j5o8/18/ If you check the fiddle link, you will see that I have written javascript/jquery code( a function named add_mitigator() ) in the html section. When I used...

Select box to send to ajax code

ajax,select,drop-down-menu
I have been using a snippet of code to add data to a mysql database using ajax.I have this working perfectly using a text box to add, however I can't seem to get it working by replacing text box with select box. Here is the original text box: <form class="add-new-task"...

Button Click Moves Entire HTML Body

jquery,html,css,button,drop-down-menu
I have a very basic webpage-setup that includes a drop-down menu that is triggered by a button click. When I click on the button, the drop-down menu reveals itself but also shifts the entire contents of that page. I'm not sure what is causing this and would appreciate any help....

Bootstrap dropdown selection makes screen jump

javascript,html,css,twitter-bootstrap,drop-down-menu
So I'm using bootstrap for my website and I have many div's on each page with a dropdown on each that change the information inside the div from a chart to a table and vise-versa. This works fine except when the user selects an option from the drop down the...

Filter Two Dropdowns Based on One Another the Angular Way

javascript,html,angularjs,select,drop-down-menu
I've got two dropdowns. The allowable options in those dropdowns should be filtered based on what's in the other dropdown. Here's the first dropdown: <select ng-model="filter.levelPregenerate"> <option value="">All</option> <option value="assox">Associate's</option> <option value="bachx">Bachelor's</option> <option value="mastx">Master's</option> <option value="doctx">Doctorate</option> <option value="nondx">Non-Degree</option> <option...

Hide options in dropdown select

jquery,drop-down-menu
I do not have access to adjust the options within a dropdown. So I want to hide them from the DOM. I am having trouble just hiding the option. Currently I can hide the entire dropdown, if my array consists of the countries I want to hide. https://jsfiddle.net/gmLa5bgz/ html <select...

Is it possible to insert a menu item at a specific position in Dijit using Dijit/Menu

javascript,drop-down-menu,dojo
I have a menu whose contents need to change significantly based on user interaction. This means that some new menu items need to be introduced, and some need to be removed. Looking at Dojo's published API documentation, there doesn't seem to be a way to redo a menu's contents without...

How can I add a Submenu to the WordPress Admin Bar

php,wordpress,drop-down-menu,menu,admin
I need to add a dropdown menu to Wordpress in the admin bar to include multiple links. What is the best solution?

VBA: Detecting value in cell with dropdown list

excel-vba,drop-down-menu
I am having some trouble detecting the value in a cell with a dropdown list. When I am running the below code, it only gives me the value 0 in column I. Column H contains a number of Dropdown lists (made by data validation), which value can either be Yes...

Dropdown closes after every click

javascript,html,css,drop-down-menu
Dropdown closes after every mouse click. The dropdown should close only after hitting the "Close (X)" button. How can I do that? Plunk: http://plnkr.co/edit/7mcBoyfbrT3FNl2vJLjh?p=preview <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>...

Replace li navigation menu text with image & keep hover + drop down menu effects?

html,css,image,drop-down-menu,css-menu
I'm currently working on a navigation menu that uses <li> to construct the bar. Currently, my menu is working perfectly but I'm wanting to actually REPLACE the text on my menu (i.e. Projects, Compliance, Summary, etc) with actual image buttons that I designed in Photoshop to give it a more...

CSS dropdown menu cross-browser

html,css,drop-down-menu,cross-browser
My CSS dropdown menu behaves strange in different browsers. It works fine in Chrome (Windows) but there are issues in Firefox and on Android. Firefox: Dropdown menu opens up to the right of the menu item instead of below. Also, the dropdown menu is not in line with the menu...

Show drop down menu onmousedown without loosing onclick functionality

javascript,drop-down-menu,onclick,focus,onmousedown
I try to get a drop down menu to work as most drop down menus seem to work, i.e. as soon as the mouse button is pressed on the trigger the drop menu shows up. Seems rather easy with some css and javascript but it turns out to be a...

Option Menu Not Working When I Add Javascript Function

javascript,jquery,html,css,drop-down-menu
I need help with an option menu not working when I add javascript. I found a tutorial for this type of drop-down menu and the menu/drop-down function is working except I can’t get it to do what I need when an option is selected. When "Not Free" is selected I...

How can I find get attribute of a select tag where value = something using jquery?

jquery,select,drop-down-menu,html-select
How can I get the price attribute's value where #products.option value = 6. <select id="products"> <option value="2" price="60.00">Product 1</option> <option value="4" price="40.00">Product 2</option> <option value="6" price="40.00">Product 2</option> <option value="8" price="40.00">Product 2</option> </select> ...

How to set the selected option of Value

javascript,jquery,html,drop-down-menu
Can anyone help point out to me what's stopping this code that works perfectly fine with jsFiddle from working in my webpage? I have been trying to fix this for the past couple of hours, and no matter what I do, I can't seem to get it to trigger. I...

Autoform meteor dependable/cascading selects

select,drop-down-menu,meteor,cascadingdropdown,meteor-autoform
how can I implement 3 dependent selects with autoform in meteor? Here is an example of what I need to achieve http://www.ajaxray.com/Examples/depend.html Thanks in advance for any help

Add “Please Select” to Drop-down list that retrieves values from Data base

c#,asp.net,sql-server-2008,drop-down-menu
I have a drop-down list and uses the SQL data source for it where I am retrieving the product names from SQL server. Now, I want to add "Please Select a product" Option to the drop-down list. As far as my knowledge, I add options to drop-down list by using...

Cannot populate a DropDownList in EditItemTemplate using OnRowCommand

c#,asp.net,drop-down-menu,edititemtemplate
This is my code behind code. I want to populate the DropDownList once the user clicked edit but the DropDownList I'm getting is null. Why? protected void SupportSchedule_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "EditRow") { int rowIndex = ((GridViewRow)((ImageButton) e.CommandSource).NamingContainer).RowIndex; GridViewRow row = (GridViewRow)(((ImageButton) e.CommandSource).NamingContainer); SupportScheduleTable.EditIndex = rowIndex;...

How to remove all the borders of a selectbox?

jquery,html,css,drop-down-menu
How can I remove the all the borders of the selectbox using css or Jquery ? My code, <select id="doctor_ch"> <option value="1" selected>One</option> <option value="2">Two</option> </select> CSS #doctor_ch{ background-color: #88AFF2; color:#fff; margin-top: 15px; } When I use this code it only changes the arrow style. I want to remove the...

How do I clear a form and reset a drop down menu to the first option?

javascript,drop-down-menu
I have a form that has text fields, a drop down menu, radio buttons, and check boxes. I was able to clear all of the input entered by a user but now I need to modify the form so that when the user clicks "Clear Entries" all of the above...

ASP.NET MVC 5 Set values for dropdownlist

c#,asp.net,asp.net-mvc,drop-down-menu,asp.net-mvc-5
I want to make a DropDownList with a numeric rating from 1-5. I have a rating model and I want to apply these dropdown values to WaitTime, Attentive and Outcome. Can I just set these values in the view and use the model? If so how would i go about...

Dynamic Drop Down AngularJS and Database with JSON

mysql,json,angularjs,drop-down-menu
I have figured out how to populate the first dropdown menu from the database with Angular, but I am stuck on how to grab the selected value of the first dropdown box to query to populate the second box. Also, if the data is in separate tables, will I have...

ASP-DropDownList CodeBehind images

html,asp.net,image,drop-down-menu
All I ever wanted is my DropDownList to be special. :( I can write just names, but that won't be as intresting. So I tried to add images, like so: // Somewhere in the code... ListItem item = new ListItem(); item.Value = // something item.Text = "<img src=\"" + <AnImagePathIGetFromTheDatabase>...

How to change content in div, based on dropdown selection

php,html,mysql,drop-down-menu
I load my content from my DB with PHP, into my div. I have a dropdown above it, where i should be able to sort out the content, meaning that when dropdown is chosen, the old content in the div is removed, and the new appears. So how is it...

why doesn't this drop-down menu work with mouseover and leave?

javascript,css,drop-down-menu,mouseover,mouseleave
I want it to display "you" under "Home" when hovering and disappearing when mouse leaving: // HTML <ul> <li><a id="homeBox" href="#">Home</a> <ul><li><a id="homeSub" href="#">you</a></li></ul> </li> </ul> // javaScript var homeB= document.getElementById("homeBox"); var homeS = document.getElementById("homeSub") homeBox.mouseover = function() { var homeS = document.getElementById("homeSub").style.display= "block"; } homeBox.mouseleave = function() { var...

Adding