FAQ Database Discussion Community


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...

How to make a Bootstrap radio button continue into a dropdown menu

html,drop-down-menu,radio-button,bootstrap
I would like to have a radio button with a couple options showing, and the rest available in a dropdown menu. I can get the interactions I want by assigning every option to a class, but I would like the color of the dropdown menu to change to the active...

Dynamically change a button-drop list in javascript?

javascript,jquery,twitter-bootstrap,button,drop-down-menu
Trying to create a changeable button-drop-down from Bootstrap HTML in conjunction with Javascript. The HTML looks as: <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> Menu <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Choice1</a></li> <li><a href="#">Choice2</a></li> <li><a href="#">Choice3</a></li> <li class="divider"></li> <li><a...

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...

Get a specific value from a specific array when having two dropdown lists

c#,arrays,drop-down-menu
I have 5 arrays which represents 1 city each. Each position in the array represents the distance to another city (all arrays shares the same position for each specific city). And I have two dropdown lists from where the user is supposed to select two cities to calculate the distance...

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...

How can I populate dropdown values dynamically based on prior selection?

javascript,object,drop-down-menu
I have 3 dropdowns with some values. I am using JavaScript to pre-populate the first dropdown. Based on the selected value in 1st dropdown, how can I populate values in the rest 2 dropdowns (using pure javascript)? I am framing a URL based on the user selected values in 3...

Bootstrap 3.3.4 Pill Button Dropdowns unresponsive

html,twitter-bootstrap,drop-down-menu
Prototyping a categorical classification system, I'm using Boostrap dropdown buttons in a pill-style navigation. I'm not committed to the pills, so if a different class such as a navbar might work instead, I'll change, though I did already try using navbar and button groups. I don't know for sure that...

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...

Bootstrap dropdown menu links not clickable

jquery,css,twitter-bootstrap,drop-down-menu
I have a page: http://www.poh.me/nordisk/ where the dropdown menu links on this page works, but the subslinks (e.g. http://www.poh.me/nordisk/contact/) the anchors becomes unclickable. I've tried every thing from removing data-toggle from the links to z-index css and other tips I read from others having a similar problem. Any help is...

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...

Excel, Want to Create Dropdown Based on a “yes” Cell

excel,drop-down-menu
The issue is pretty simple, but I can't seem to solve it or find an answer. I have one cell A2 that activates with a yes/no based on what the user enters elsewhere. I would like to create a drop-down list in another cell A3 only if A2 has a...

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,...

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...

Menu CSS issue in IE8

css,drop-down-menu,internet-explorer-8
I have created a Menu list. It is working perfectly on Chrome and Firefox but misaligned in IE8 Chrome Snapshot :- http://postimg.org/image/g6uf9zikr/ IE8 Snapshot :- http://postimg.org/image/u6o3pzasz/ Here's my CSS ------ div.menu { background-color:#383838; height:65px; margin-bottom:20px; } div.menu ul { vertical-align:middle; list-style:none; margin:0; padding:0; } div.menu ul li { float:left; display:block;...

AngularJS Dropdown Directive Set Selected Item Through Two Way Binding

angularjs,drop-down-menu,angularjs-directive
I have an angularjs dropdown directive. I want to be able to pass the id of the item I want to be selected as an attribute of the directive. Something like this: <dropdown selected-item-id="ctrl.selectedItemId"></dropdown> I implemented this and it's not working. If I display the value of itemId on the...

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...

Wordpress mobile menu not toggle (slide up) by clicking anywhere in the screen

javascript,jquery,html,wordpress,drop-down-menu
When I click on toggle button in mobile menu then only its work perfectly like slide up and down the menu but when I click anywhere on screen then it will not slide up. I want to slide up menu when click anywhere on screen. I used below code but...

On dropdown click, close all other dropdowns

javascript,jquery,html,css,drop-down-menu
When I click on top menu link "menu item 01" 3 level drop down open regularly it is OK, After that click on "menu item 04" mega menu is open it is OK BUT I want, when user click on any other top menu link previous all drop down item...

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...

Drop down menu hyperlinks click event issue

javascript,jquery,css,html5,drop-down-menu
Please take a look on my code here, I have a multi level menu. Problem is that the hyperlinks are only working on child list items e.g. Brands has 5 child items (Samsung, Nokia, Apple, Sony, LG) and hyperlinks are working fine on them, but on parent items (Home, Phones,...

Can't set headings for every column in dropdown menu

html,css,drop-down-menu
I have a dropdown menu in a template that I got online. Here is the code for the dropdown menu: <!-- mega-menu start --> <li class="dropdown mega-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Clients</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-lg-8 col-md-9"> <h4>Customers</h4> <div class="row"> <div class="col-sm-4"> <div class="divider"></div> <ul class="menu"> <li><a href="page-about.html"><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 can I manage the dimansions of #homeSub in CSS so it won't diappear when I move my mouse from homeBox to homeSub?

jquery,css,drop-down-menu,toggle
when I hover over #homeBox, #homeSub appears. But when I want to move my mouse to click on #homeSub it disappears. I know that it should naturally appear and disappear as a toggle effect but I need to fix the position so #homeSub will only disappear when I move the...

Chain populate HTML select boxes using AJAX, PHP and MySQL

php,jquery,mysql,ajax,drop-down-menu
My special form has two select boxes. I got the first one populate with options from a MySQL database using PHP, during page loading stage. What I'm trying to achieve next is the following: By selecting one of the values from first pre-populated <select> box - the second <select> box...

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?

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>...

How to validate age and alert if the current date is the user's birthday?

javascript,validation,drop-down-menu
Okay, I'm very new to Javascript (I started about 2 months ago in my computer's class) and I'm doing an assignment that requires a form that includes date of birth (with day/month/year each in a dropdown) and I need to be able to: a) Confirm that the user is over...

Making “Drop Down Menu” and “Head Menu” relative does not make de “Drop Down Menu” push down the “Head Menu” on hover

jquery,html,css,drop-down-menu
So again I am strugling with some problems. This time it is so that when I hover over the drop down menu from portfoilio (when the site is in mobile view mode) it will just go over the other elements, I tried making everything relative, removed the float and tried...

How to set the selected option of menu with JavaScript

javascript,html,drop-down-menu
I'm having a problem with this and could use some help. I'm created two <select> drop-down lists. The first is a list of reports a user can select and the second is a list of policy numbers. HTML <select name="selectReport" id="selectReport" onchange="ResetDefaultReportOptions()"> <option value="Make a Selection">Make a Selection</option> <option value="All...

Dynamically select from a dynamically generated dropdown

php,html,select,drop-down-menu
I have a dynamically generated dropdown list - list of course identifiers and names. On the basis of a variable, “assigned_course_id”, I would like to preselect the appropriate value from the dropdown list. My best attempt is as follows. Thanks in advance for your assistance. <select name="course_id" id="course_id"> <?php $assigned_course_id...

Bootstrap wrap menu elements at 960px

twitter-bootstrap,drop-down-menu
I have small issue. When width page is 768-991px, my menu wrap into second line. I want to browser show button for collapse menu. How can i do it? There is a link for project: http://interpages.pl/ftp/projects/fremel/...

Creating nav bar with dropdowns using bootstrap and jQuery

jquery,css,drop-down-menu,bootstrap
Sorry if this question has been asked before but I couldn't find a straight answer. I'm new to css and jQuery and I'm trying to create a nav bar that has menus and sub menus, and using dropdown to open each individual menu. This might be a parent/child isuue but...

Iterate through an Excel dropdown/validation list

vba,drop-down-menu,data-validation
I have a cell with a validation list that changes depending on other settings. Is it possible to iterate through that cell in code? Is it also possible to set that cell to the nth item in the list? Example: The drop down for E2 depends on what was selected...

Using the result of a select clause for a where clause to MySQL

php,mysql,select,drop-down-menu
I have a MySQL database containing 12 columns. I created a dropdown from it using distinct values of the column named 'activity' and the column named 'logdate' which is a datetime. Like this.. <form action="define_activity" id="activityform" method="post"> <!-- Form to select an activity --> <select name="activities" id="select1"> <!-- List of...

Getting value of drop down list JavaScript

javascript,drop-down-menu
How to make that the all selected options, not the values, but the actual text, would be displayed somewhere? Html: <h1>Made your PC:</h1> <div> <label>Processeor: </label><select id="processor" name="processor"> <option class="label" value>Select Processor</option> <!-- Home Ware --> <option value="P1">Processor 1</option> <option value="P2">Processor 2</option> <option value="P3">Processor 3</option> <option value="P4">Processor 4</option>...

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...

Can't add TemplateField to Datagrid

html,asp.net,visual-studio,drop-down-menu,datagrid
I am trying to add a DropDownList into the DataGrid so the location column can be easily changed. I am getting an error with TemplateField, itemtemplate, label and DropDownList. I get the build error: is not allowed within a 'System.Web.UI.WebControls.DataGridColumnCollection'. <asp:DataGrid runat="server" CssClass="tblResults" OnItemDataBound="dgList_ItemCreated" AllowSorting="true" OnSortCommand="dgTrailer_Sort" ID="dgTrailers" DataKeyField="ID" AutoGenerateColumns="false"> <Columns>...

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...

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...

How can extract locations values from a dropdown menu that use geonames webservice for build a updated google map

google-maps,drop-down-menu,menu,geonames
I have a dropdown menu that show a list of country/state/city in a hierarchy using geonames webservice When i select a location in this dropdown menu it should automatically update a googlemap in a div under this menu and zoom into that location. How can extract locations from this dropdown...

Loop through all the elements of select and add a blank option if the either of the items is null

javascript,jquery,drop-down-menu,dropdownbox
I have 2 drop downs select1 and select2. I will select the item1 of select1 and then click OK button ( case in which I need help) then if the selectedindex is 0 ( ie first option )then loop through the items of both drop downs. if the same index...

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...

how to hide a div from a selected value in dropdownlist asp.net mvc

asp.net,model-view-controller,drop-down-menu
i need help. So i have a dropdownlist(below), @Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as SelectList, "-- REFERENCE TYPE --") @Html.ValidationMessageFor(x => x.reftab) and i have 2 div which are(below) <div class="widgetbox" id="divone"> Some contents </div> and <div class="widgetbox" id="divtwo" style="visibility:hidden"> Some contents </div> So what i need to do is, to...

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...

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...

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...

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...

How to populate a DropDownList in a DataGrid?

c#,html,asp.net,drop-down-menu,datagrid
I have a DataGrid that displays information about trailers. I decided to change the location column to a DropDownList so the location can be easily changed. But I am not sure how to populate the DropDownList. <asp:DataGrid runat="server" CssClass="tblResults" OnItemDataBound="dgList_ItemCreated" OnRowDataBound="OnRowDataBound" AllowSorting="true" OnSortCommand="dgTrailer_Sort" ID="dgTrailers" DataKeyField="ID" AutoGenerateColumns="false"> <Columns> <asp:BoundColumn DataField="TrailerOwner" HeaderText="Owner"...

Drop down list with possibility to enter new value instead of list

javascript,php,mysql,database,drop-down-menu
I'm creating a small website php/mysql. Let's say I have in my DB a table with different laptop specifications (brand, cpu, ...). When adding a new laptop in a html form, in the brand field for instance, I want to have the option to see all the distinct brands present...

CSS Dropdown Menu - Too Much Space Between
  • and another (Margin:0; Padding:0)
  • html,css,drop-down-menu
    I got 2 dropdowns in my work-in-progress site, one works just fine, the other works aswell but the space between a link and another is completely destroying the graphics of it. Unluckly for me I can't post images, so here is the code. HTML <ul class="header"> <% IF Session("Authenticated") =...

    Open sub-menu without creating empty space [closed]

    html,css,twitter-bootstrap,drop-down-menu,submenu
    I've tried to solve my problem, but the answers did not solve my specific problem. When the sub-menu expands, empty space shows up, although the sub-menu is placed on the left of the dropdown-menu. I've embedded the code of my navbar here: 'jsfiddle.net/nickiname/Lds2bkuv/' <!-- Fixed navbar --> <div class="navbar navbar-default...

    How can I Add sub menus to dropdown menus?

    html,css,drop-down-menu,menu,submenu
    I am having extreme dificulties to add a sub-menu to my dropdown, but I am not a pro on css. I would like to put a submenu on the part it says "10º ano" and "11º ano" in the dropdown "projects", but everything I do doesn't work ! How can...

    Bind a Dropdown in Gridview When Selected Index Changes on Dropdown in the same Gridview

    c#,asp.net,gridview,drop-down-menu
    I have a gridview with template fields consisting of dropdowns and textboxes. 1 dropdown will be a so-called "master" dropdown that when the selected index changes, other dropdowns in the same row will be databinded using the selected value of the master dropdown. I have this code for my ASPX...

    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...

    (Help) Get results from multiple dropdown with one submit button

    php,html,post,drop-down-menu,submit
    I make four horizontal dropdown menu. Here is my code : <div class="MenuSearching" id="Searching"> <div class="Menu1" id="Menu1"> <p> Lembaga</p> <form style="margin-top:-20px;margin-left:-2px;"> <select name="DropLembaga" autofocus required id="DropLembaga"> <option value="no" selected="selected">---Choose one---</option> <option value="FlashCom">FlashCom</option> <option value="InterNusa">InterNusa</option> <option...

    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"...

    Show/Hide
    Based on