FAQ Database Discussion Community


Chained Dropdown in flask, get data from sqlite database

javascript,python,sqlite,drop-down-menu,flask
I am trying to get a html select tag with different counties (getting from database), when the user have selected a county, I want another select tag to enable and show the cities in that county (I have the data in a sqlite database, where the county id is in...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Create a new select dropdown object with jQuery

jquery,html,select,drop-down-menu
I am trying to create a select (<select><option...</select>) object in jQuery. I tried this, but it won't add the option values and text: var photos = [ '_DSC0153.jpg', '_DSC0154.jpg' ]; var dropdown = $("<select>", { id: 'selectfile' , option: { value: '0', text: photos[0] } , option: { value: '1',...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Multiple instances of Jquery dropdown not working together

jquery,html,drop-down-menu
I found the following code in another thread here to create a Jquery dropdown menu: $(document).ready(function() { $('.statecontent').hide(); $('#' + $('#myselector').val()).show(); $('#myselector').change(function(){ $('.statecontent').hide(); $('#' + $(this).val()).show(); }); }); HTML would look like this <select id="myselector"> <option value="state1">State 1</option> <option value="state2">State 2 </option> <option value="state3">State 3</option> </select> <div id="state1"...

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

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

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

Show/Hide
Based on