FAQ Database Discussion Community


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

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

How to filter values in Multiple selection using textbox value

javascript,jquery,html5,drop-down-menu,autocomplete
I have a text box and multiple selection box. When ever I write something in text box it will filter that text in the multiple selection and show only matched value. <!DOCTYPE html> <html> <body> <select id="uniqueCarNames" name="cars" multiple> <option value="volvo">Long Distance Travel</option> <option value="saab">Amazing </option> <option value="opel">Excellent Travelling</option> <option...

AngularJS dropdownlist with treeview

angularjs,drop-down-menu,treeview,custom-controls
I am new to angularjs, i want to use dropdownlist with treeview structure. i used both dropdownlist and treeview control separately but find difficulty in using together. can anyone have idea about how to use both together(dropdownlist+treeview)

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

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

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

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

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

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

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

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

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 insert data to database from multiple select dropdown in codeigniter?

php,mysql,codeigniter,drop-down-menu,multiple-value
I have drop down which is look like the following <select class="selectpicker form-control" multiple name="category[]"> <option value="1" id="MENTAL HEALTH">MENTAL HEALTH</option> <option value="2" id="SUICIDE SUPPORT">SUICIDE SUPPORT</option> <option value="3" id="HEALTH">HEALTH</option> <option value="4" id="SUPPORT">SUPPORT</option> </select> In my controller I have the following code to get that data from the dropdown public function save()...

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

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

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

Show/Hide
Based on 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...

DropDownChoice onSelectionChnaged

java,drop-down-menu,wicket
DropDownChoice<Bean> groupDDC =new DropDownChoice<Bean>(....) { private static final long serialVersionUID = 1L; @Override protected void onSelectionChanged(Bean newSelection) { super.onSelectionChanged(newSelection); // my logic } } super.onSelectionChanged(newSelection); is pre-written in the onSlectionChnaged method. I can remove that code or I can keep that and add my code below that, it all works...

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

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

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

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

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

how to populate dropdown list in Django from a foreignkey model

python,django,drop-down-menu,foreign-keys
I have two models. class ArticleCategory(models.Model): category = models.CharField(max_length=255,blank=False) class Article(models.Model): title = models.CharField(max_length=255,blank=False) body = models.TextField() pub_date = models.DateTimeField(auto_now_add=True) category = models.ForeignKey(ArticleCategory,default=1) Now I have to render a template and save the form for Article model. I have a foreignKey field in my Article Model and because of that...

CSS-based menu bar inside a table: li's are 1px off; problems with the table border?

html,css,css3,drop-down-menu
Edit: The target browser is IE10 or higher; no need for compatibility to other browsers. Inside the header of a page I have 3 elements (this is also the order): An application logo The application title A CSS-based menu bar Here is a JSFiddle for those who can't wait ;)...

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

Firefox dropdown menu click

html,firefox,select,drop-down-menu
I have a dropdown menu for languages in my website and it works fine in Google Chrome, Safari and Internet Explorer, but it is bugged in Firefox. This is the code: <a href=""> <select id="languageSelector" style="background-color: transparent" onchange="location = this.options[this.selectedIndex].value;"> <option value=".">ESPAÑOL</option> <option value="./en/index.html">ENGLISH</option> <option value="./de/index.html">DEUTSCH</option> <option...

How can I make a “*required field” error message appear for a drop down menu in a validating PHP form?

php,forms,validation,drop-down-menu,server-side
I created a form using PHP. The form needs to be validated and it works for every field but the "rate our site" drop down menu. I'm using the same code from the form from other questions (name, email, etc.) for the "rate our site" drop down menu but the...

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

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

Dropdown submenu is not displaying correctly

html,css,drop-down-menu,menu
If I hover on the first item (USA), it is OK. When I hover next item, it is displaying on the top. It isnt on the same position as "Europe". Here is a CSS: nav ul li:hover ul li ul{ position:absolute; display:none; } nav ul li:hover ul li:hover ul{ display:block;...

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

How to set the selected option of