Is it possible to insert a menu item at a specific position in Dijit using Dijit/Menu
javascript,drop-down-menu,dojo
The answer suggested by @gabriel was my starting point, and I noticed that it's possible to add menu items at a specific position by specifying the index in Menu.addChild. addChild(widget,insertIndex) What I ended up doing eventually was something different: Loop through menu.getChildren() to the index that I was looking for...
Chained Dropdown in flask, get data from sqlite database
javascript,python,sqlite,drop-down-menu,flask
In your head, add a handler for changing the values of the selects: <script type="text/javascript"> $("#select_county").change(function() { $.ajax({ type: "POST", url: "{{ url_for('select_county') }}", data: { county: $("#select_county").val() }, success: function(data) { $("#select_city").html(data); } }); }); </script> This uses jquery.change to detect when the county select is changed and jquery.ajax...
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
The geonames service provides the coordinates. Zooming the map correctly is the tricky part. The fiddle below uses the Google Maps Geocoder for the zoom levels (not all the geonames "names" can be found by the geocoder). proof of concept fiddle var whos = null; var placedata = []; var...
Hover not working on css menu active li class? Works on others?
html,css,drop-down-menu,menu,hover
Try like this: Demo If you need mouse over effect for active state then use hover for active li like this: CSS: #cssmenu > ul > li:hover > a,#cssmenu > ul > li:hover.active > a { background:#000 url(images/hover.png) repeat; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42,...
Can't add TemplateField to Datagrid
html,asp.net,visual-studio,drop-down-menu,datagrid
You should use TemplateColumn, when it comes to DataGrid as it is inherited from System.Web.UI.WebControls.DataGridColumn. TemplateField is inherited from System.Web.UI.WebControls.DataControlField, which make sense with GridView....
Simple dropdown not working on IE8
jquery,drop-down-menu,internet-explorer-8
Okay, there are a few things here. You should not use id as a flag. Because, the numeric value you are setting for id doesn't work in IE browser! Instead of that, use data-* attributes, or best, use a class! And if you are just using .mouseup() and .mousedown for...
Use dropdown list selection to populate second dropdown list contents
javascript,jquery,drop-down-menu,selector,taffydb
Added a quick example below of how you could solve this. Bootstrap dropdowns are quite specific in their usage, so I'm using a click event rather than change that is the normal event for selects. $('#dropPants').on('click', 'li a', function() { ... }); Also I did not add any data-attributes, as...
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
Attach hover event to ul: HTML: <ul id="list"> <li><a id="homeBox" href="#">Home</a> </li> <li><a id="homeSub" href="#">you</a> </li> </ul> JS: $(function() { $("ul#list").hover(function() { $("#homeSub").toggle("slow"); }); }); ...
How to set the selected option of
Try it $sql = "SELECT * FROM kategori" $result = mysqli_query($db, $sql); while($produkt = mysqli_fetch_array($result)) { if ( $kategori == $produkt['kategori_id'] ) : ?> <option selected="selected" value="<?=$produkt['kategori_id']; ?>"><?=$produkt['kategori_navn']; ?></option> <?php else: ?> <option value="<?=$produkt['kategori_id']; ?>"><?=$produkt['kategori_navn']; ?></option> <?php endif; ?> <?php } ?> Where $kategori is variable which has the previously...
Option Menu Not Working When I Add Javascript Function
javascript,jquery,html,css,drop-down-menu
The script you're using converts all of the SELECT elements into DOM dropdowns, so this line of your function doesn't work: slctOptionValue = document.getElementById("slctOption").value; Because document.getElementById("slctOption") is not defined. You can hard-code that since it's just a single value: slctOptionValue = 2; Also, your onchange will never fire since the...
Button Click Moves Entire HTML Body
jquery,html,css,button,drop-down-menu
Heres your problem: Your menu exists. I know, that sounds snarky, but it's true. Because you element that contains the menu is inline and is there, as soon as you expand it it will push content down. A quick fix for that is to position it something different than relative...
How to add menu items separators programmatically on Windows?
windows,delphi,drop-down-menu,menuitem
Create a new menu item and set its caption to '-'. var MenuItem: TMenuItem; .... MenuItem := TMenuItem.Create(Menu); // Menu is the menu into which you are adding MenuItem.Caption := '-'; Menu.Items.Add(MenuItem); Instead of Add, which adds to the end of the menu, you can use Insert to insert the...
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
The problem is that you've set height:30px for .navigation_menu > ul > li, so of course that's the only space that will be occupied. Changing that to line-height:30px is all that it takes to solve this problem. You can see it in action here. There are more 'elegant' ways of...
onClick event for dropdown list meteor javascript
javascript,events,drop-down-menu,meteor
You need to use a change event : Template.myTemplate.events({ "change #orderStatus": function(event, template){ var selectValue = template.$("#orderStatus").val(); console.log(selectValue); } }); ...
Drop down list with possibility to enter new value instead of list
javascript,php,mysql,database,drop-down-menu
If you don't need amazing browser support, you can use HTML 5 datalists (see here https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist). Have a look here for a few polyfills for it http://html5please.com/#datalist. If you do, you should check out some of the million + JS implementations. I think jQueryUI might have one....
Bootstrap wrap menu elements at 960px
twitter-bootstrap,drop-down-menu
See this question, it may have what your looking for: Bootstrap 3 Navbar Collapse Have a look here: http://getbootstrap.com/components/#navbar It mentions specifically problems with overflowing content....
Show and hide column in a table using drop down
javascript,jquery,html,table,drop-down-menu
This is definitely possible, but have you started developing anything? Do you have any code for us to work with? I can point you at a couple good sources to get you started if not. First off, here is how to add a select menu to a column: <th>Date <select...
How to insert data to database from multiple select dropdown in codeigniter?
php,mysql,codeigniter,drop-down-menu,multiple-value
I can't see where $count is defined in your question so I don't know what it's value is meant to be, however, if you are getting "aa1" as output you are saying that it's bigger than 1. With your while() you're saying that $i must be bigger than $count but...
Autoform meteor dependable/cascading selects
select,drop-down-menu,meteor,cascadingdropdown,meteor-autoform
This is the way I solved it. However for the third select to return the selected value once the first select is updated I had to use JQuery. This might help to someone in need of something similar. But if there is a better way to do it please let...
Show drop down menu onmousedown without loosing onclick functionality
javascript,drop-down-menu,onclick,focus,onmousedown
Hope this would work fine for your requirement <script> var lastEvent = ''; function toggle(id, event) { event = event || window.event; if (lastEvent === 'mousedown' && event.type === 'click' && event.detail > 0){ lastEvent = event.type; return; } var el = document.getElementById(id); el.style.display = (el.style.display === 'none') ? 'inline-block'...
Dropdown selection doesnt change div content
javascript,html,css,twitter-bootstrap,drop-down-menu
If you are able to write Javascript, this solution would work: // Get all list options var listOptions = $('ul.dropdown-menu > li > a'); // Attach "click" event listOptions.click(function(ev) { var href = $(this).attr('href'); // Find divs with content var divToShow = $(href); var contentDivs = divToShow.parent().find('.content'); contentDivs.removeClass('active'); divToShow.addClass('active'); });...
validating mutiple drop downs list with the same name field in CakePHP 2.x
find solution for my problem to avoid duplication of data,This link helps -> Validating multiple fields with the same name. All i have to do is put this code ->array('validate' => 'true')<- in this line if ($this->Group->save($this->request->data),array('validate' => 'true')) { and all done no need to disable the selected list...
Excel, Want to Create Dropdown Based on a “yes” Cell
With Data Validation for a drop down list, when you are creating it, you can use "If" statements. Choose "List" from "allow", then for the Source, something like =if(A2="Yes",B2:B6,C2). Note, I assumed that your list of data is B2:B6, and in C2 is some string you want to return if...
How can I add a Submenu to the WordPress Admin Bar
php,wordpress,drop-down-menu,menu,admin
I was looking for the answer to this question for a while and couldn't find the solution on here so I thought this would help! I found a great blog post and the perfect solution to my question: http://davidwalsh.name/add-submenu-wordpress-admin-bar Like adding functionality to your theme and other admin area, the...
Adding
javascript,html,drop-down-menu
function ResetDefaultReportOptions() { var report = document.getElementById('selectReport').value; var policy = document.getElementById('selectPolicy'); if (report == 'All Reports' || report == 'Completed Reports') { if(policy.options.item(1).value != 'All policies'){ o = document.createElement('option'); o.text = 'All policies'; o.value = 'All policies'; policy.options.add(o,1); } } else{ if(policy.options.item(1).value == 'All policies'){ policy.options.remove(1); } } }...
How can I find get attribute of a select tag where value = something using jquery?
jquery,select,drop-down-menu,html-select
You can select the element by it's attribute and value. alert($('#products option[value="6"]').attr('price')); Demo: http://jsfiddle.net/tusharj/rhf0q9nt/ Docs: https://api.jquery.com/attribute-equals-selector/ EDIT Thanks to @satpal: Use data-* prefixed custom attributes to store arbitary data on element. HTML <select id="products"> <option value="2" data-price="60.00">Product 1</option> <option value="4" data-price="40.00">Product 2</option> <option value="6" data-price="40.00">Product 2</option>...
How to change content in div, based on dropdown selection
You need to bind change event on your dropdown & based upon selection, fire an ajax request to get related content & then upon receiving update content inside DIV. If you are using jQuery, Some useful functions would be: Ajax: http://api.jquery.com/jquery.ajax/ Binding event: https://api.jquery.com/change/ A good example of implementation has...
How can I populate dropdown values dynamically based on prior selection?
javascript,object,drop-down-menu
Loop through the array of details for the product name to get the versions. The filename property should be an array so you can have multiple files for each version. var ProductNameMap = { "ProductA": [{"version": "1.0.0", "fileName": ["FileA1.zip", "FileA11.zip"]}, {"version": "1.0.1", "fileName": ["FileA2.zip", "FileA22.zip"]}], "ProductB": [{"version": "3.5.0", "fileName": ["FileB1.zip",...
CSS dropdown menu cross-browser
html,css,drop-down-menu,cross-browser
The problem is, you have absolute positioned elements without mention any position. I have added position:relativeto the parent li and supply the proper positions to the child elements like below. #navigation ul li{position:relative;} #navigation ul li ul{ min-width: 50px; white-space:nowrap; position: absolute; left:0; top:20px; display: inline; visibility: hidden; padding-top: 5px;...
Symfony2 trouble passing data into form dropdown
php,symfony2,drop-down-menu,doctrine2,symfony-forms
public function __construct (User $users) That line stated that the function __construct expect a User object to be passed into it, but in your controller, you pass an array $users = $em->getRepository('UserBundle:User')->findAll(); // array of User objects $form = $this->createForm(new ShiftType($users), $shift); The function API: http://www.doctrine-project.org/api/orm/2.2/class-Doctrine.ORM.EntityRepository.html#_findAll...
CSS-based menu bar inside a table: li's are 1px off; problems with the table border?
If you inspect your page (using Firebug, Chrome Developer tools or something similar) you can see that the td inside which your li elements are stacked (as well as all your other tds) has a 1px padding, which is where this pixel that is bothering you is coming from. I'm...
Google chart redraw onclick
javascript,jquery,drop-down-menu,charts,google-visualization
Change your js to look like below. Create chart variable outside the drawChart function and instead of creating new chart use everywhere the one you already have. Working example here jsfiddle google.load("visualization", "1", {packages:["corechart"], "callback": drawChart}); google.setOnLoadCallback(drawChart); var chart; function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'],...
Using the result of a select clause for a where clause to MySQL
php,mysql,select,drop-down-menu
I make some changes in your code, I didn't test it, but I think that's going to help you: <?php //Returns an associative array with the query result: function select($yourSQLQuery){ //Array with result: $result = array(); //Database conection $db = new PDO($dsn,$username,$password); $stmt = $db->query($yourSQLQuery); //This going to save an...
Menu CSS issue in IE8
css,drop-down-menu,internet-explorer-8
Remove float: left from the links in the menu. This will cause those links to fill the entire row, and the ul of the submenu will not be shown next to it. To counter that gap that causes, remove the margin-top from the submenu ul. That should do the trick,...
How to remove all the borders of a selectbox?
jquery,html,css,drop-down-menu
Firefox has some problems with select-background. You can try this code - it'll remove the arrow, and then you can add a background image with your arrow (I took an icon from google search, just put you icon instead) I get this on FireFox (You can use any arrow icon...
How to populate a DropDownList in a DataGrid?
c#,html,asp.net,drop-down-menu,datagrid
First of all add one hidden field control in data-grid for save the location Id of the row. After that when bind the drop-down you need to get the value from hidden field and set in drop-down as below. <asp:DataGrid runat="server" CssClass="tblResults" OnItemDataBound="dgList_ItemCreated" OnRowDataBound="OnRowDataBound" AllowSorting="true" OnSortCommand="dgTrailer_Sort" ID="dgTrailers" DataKeyField="ID" AutoGenerateColumns="false"> <HeaderStyle...
How to make a Bootstrap radio button continue into a dropdown menu
html,drop-down-menu,radio-button,bootstrap
A bit hacky but, building on Alex's answer: I added a label ID to select it : id="xyz" then in the javascript, remove the active flag for all class that have my_data_flag and finally added it on the label back. $('.dropdown-toggle').dropdown(); $('#divNewNotifications li > a').click(function(){ if (this.text !== ' More...
Select box to send to ajax code
As you replaced the input with select, below code needs to be changed $('.add-new-task input[name=new-task]').val(); this should work $('.add-new-task select[name=new-task]').val(); ...
CSS Dropdown Menu dropping horizontally
https://jsfiddle.net/66esagLq/ Looks like you're missing a </li> in your html: <div id="main_nav_container"> <ul id="main_nav_list"> <li><a class="main_nav_item" href="index.html">Home</a></li> <li><a class="main_nav_item" href="history.html">History</a></li> <li><a class="main_nav_item" href="products.html">Products</a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li>...
Creating nav bar with dropdowns using bootstrap and jQuery
jquery,css,drop-down-menu,bootstrap
By writing $('.dropdown-menu').toggle(); You're targetting all the elements that match the selector - all your dropdown menus. What you need to do is: var main = function() { $('.dropdown-toggle').hover(function() { $(this).parent().find('.dropdown-menu').toggle(); }); }; $(document).ready(main); So first we select hovered element ($(this)), then travel up the DOM tree to <li class="dropdown">...
CSS drop down navigation
css,html5,css3,drop-down-menu,navigation
You have to add a position:absolute to the selector .navigation li ul .navigation{ margin-right: auto; margin-left: auto; width: 100%; background-color: #0f9cde; position: absolute; display: block; margin-bottom: 15px; z-index: 1000; margin-left: -15px; } /*Strip the ul of padding and list styling*/ .navigation ul{ list-style-type: none; margin: 0 auto; padding: 0; position:...
Replace li navigation menu text with image & keep hover + drop down menu effects?
html,css,image,drop-down-menu,css-menu
I believe you need to do a display:none on the <span>Projects</span> element. You can use JQuery to swap your text out of view when you hover over it. I hope that answers your question.
How do I clear a form and reset a drop down menu to the first option?
Update your HTML so the PA option has a value <option selected value="PA">PA</option> Add the following JS: var elements = document.getElementsByTagName('select'); elements[0].value = 'PA'; A better way to get the select would be to set an ID on it HTML <select name="State" id="mySelect"> JS document.getElementByID('mySelect'); element.value = 'PA'; This would...
How to validate age and alert if the current date is the user's birthday?
javascript,validation,drop-down-menu
Straightforward. function checkInput() { // get today's date. var today = new Date(); today.setHours(0,0,0,0); // set time to start of day for comparison. // create a new date based on user input. var bdate = new Date(Date.parse( document.querySelector('select[name="year"]').value + ' ' + document.querySelector('select[name="month"]').value + ' ' + document.querySelector('select[name="day"]').value )); today.setYear(0);...
Bind a Dropdown in Gridview When Selected Index Changes on Dropdown in the same Gridview
c#,asp.net,gridview,drop-down-menu
Like I said in my comment, you need to find the GridViewRow that your DropDownList is contained within. With that row, you can then find all your other DropDownLists. You are on the right track by finding each of the other DropDownLists, but you aren't looking for them in the...
How to select only one dropdown from multiple dropdowns in a list with submit button enable /disable using jquery?
Select all select elements, then exclude the current with .not(this) and disable them. You can re-enable them if the user selects "action" again. Fiddle: http://jsfiddle.net/ilpo/dvtk974d/3/
Bootstrap 3.3.4 Pill Button Dropdowns unresponsive
html,twitter-bootstrap,drop-down-menu
PaulL, You have a typo in this line... <ul class="dropdown-menmu" id="actors-list-menu" role="menu" Just change the dropdown-menmu to dropdown-menu....
Wordpress mobile menu not toggle (slide up) by clicking anywhere in the screen
javascript,jquery,html,wordpress,drop-down-menu
I have also same question and i play with jquery after some time i got solution for this. You need to use jQuery “target” event. Check below code: <script> $(document).ready(function () { $('body').on('touchstart click', function (e) { if (!$('.site-navigation').has(e.target).is('.site-navigation') && $('.site-navigation').hasClass('toggled-on')) { $('.menu-toggle').click(); } }); }); </script> ...
Getting value of drop down list JavaScript
This should give the actual label text, not the value, for a given select-element. $(selector).find(":checked").html() So if you want to show all of them, you could do something like this: $("#video-card").on("change", function () { var choices = []; $("select").each(function() { choices.push($(this).find(":checked").html()); }); alert("You selected: " + choices.join(', ')); }) And...
ASP-DropDownList CodeBehind images
html,asp.net,image,drop-down-menu
You can set the Text to contain the source and not show them until the page is loaded. You can implement a Javascript library which replaces src text with images in your list. That should solve the problem. // Somewhere in the code... ListItem item = new ListItem(); item.Value =...
Click Event is executed automatically
jquery,css,drop-down-menu,menu,submenu
You are assigning the class open immediately on click and then sliding down- $(".menu").on('click',function(e){ $(this).addClass("open").........slideDown(200); }); which is causing the delegated callback to be called. You should assign the class at the end of the animation and make sure you are not calling the open menu again - $(".menu").on('click',function(e){ var...
how to hide a div from a selected value in dropdownlist asp.net mvc
asp.net,model-view-controller,drop-down-menu
@Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as SelectList, , new { @onchange="toggleDIvDisplay(this.value)" } ////then add javascript fuction in scripts section function toggleDIvDisplay(e) { if(e == desiredvalue) { $('#divtwo').show(); } else { $('#divtwo').hide(); } } ...
Iterate through an Excel dropdown/validation list
vba,drop-down-menu,data-validation
This will work for you Sub loopthroughvalidationlist() Dim inputRange As Range Dim c As Range Set inputRange = Evaluate(Range("D2").Validation.Formula1) For Each c In inputRange '... do something with c.Value Next c End Sub ...
Dropdown closes after every click
javascript,html,css,drop-down-menu
If you want to do this in native bootstrap then this answer is right. But, I would recommend you using angular ui bootstrap (https://angular-ui.github.io/bootstrap/). as, you are using angular.js(in plunker) and angular ui bootstrap provides all bootstrap components as directives. and you won't have to write angular wrapper around native...
VBA: Detecting value in cell with dropdown list
What you possibly need is the change in this line: If ActiveCell = "YES" Then into If Ucase(ActiveCell) = "YES" Then One more tip- move this line: Holidays.Activate before/outside your loop....
AngularJS dropdownlist with treeview
angularjs,drop-down-menu,treeview,custom-controls
You can use simple select control. I hope you are grouping values by some property. Lets say you have following data structure: $scope.data = [ { id: 1, value: "Cat", type: "Animal" }, { id: 2, value: "Dog", type: "Animal" }, { id: 3, value: "Lion", type: "Animal" }, {...
Drop-Down Menu PHP
You can simply create a link in your menu: <a href="information.php?action=Plumber">Plumbers</a> Then, for your information.php. (I've used mysql_real_escape_string() function to prevent SQL injections) if(!empty($_GET["action"])){ $action = mysql_real_escape_string($_GET["action"]); $query = "SELECT * FROM services WHERE service='$action'"; $result = mysql_query($query); while($row = mysql_fetch_array($result)){ echo $row["name"]." - ".$row["description"]."<br>"; } /* END OF WHILE...
Cannot populate a DropDownList in EditItemTemplate using OnRowCommand
c#,asp.net,drop-down-menu,edititemtemplate
I used a SqlDataSource instead of adding the list items from the back and this is what I used to get the selected value of the DropDownList. else if (e.CommandName == "UpdateRow") { int rowIndex = ((GridViewRow)((LinkButton)e.CommandSource).NamingContainer).RowIndex; DropDownList ddlshift = (DropDownList)SupportScheduleTable.Rows[rowIndex].FindControl("ddlshiftmanager"); DropDownList ddlone = (DropDownList)SupportScheduleTable.Rows[rowIndex].FindControl("ddldispatcherone"); DropDownList ddltwo =...
How to show unique key exception before saving into database?
c#,asp.net,gridview,drop-down-menu
protected void ddlItem_SelectedIndexChanged(object sender, EventArgs e) { var main = (sender as DropDownList); foreach (GridViewRow row in gvItemList.Rows) { var ddl = (row.FindControl("ddlItem") as DropDownList); if (main.ClientID != ddl.ClientID && ddl.SelectedValue == main.SelectedValue) { row.BackColor = System.Drawing.Color.Red; string script = "alert('already selected!');"; ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true); } } }...
Drop-down menu not working in chrome
css,google-chrome,drop-down-menu,z-index
It's because an overflow. I realised this because if you gave the drop down top:-50px; we could see it, and given that the z-index you have given it is ridiculously high it was going to be the topmost element. So, after much scouring, I found that it's header-container's overflow:hidden. Removing...
Hide options in dropdown select
Try this out: var countries = new Array("France","Germany"); var i = 0; var countryLength = countries.length; for(i = 0; i < countryLength; i++) { $('#country_2 option').each(function(){ if($(this).text()==countries[i]) { $(this).remove(); } }); } ...
Create interdependent dropdown list
php,jquery,mysql,drop-down-menu,mysqli
Your code seems to be fine, make sure that you place your jquery link before the script code
How can I Add sub menus to dropdown menus?
html,css,drop-down-menu,menu,submenu
<!-- cor rosa #be5b70 --> .clearfix:after { display:block; clear:both; } /*----- Menu Outline -----*/ .menu-wrap { width:100%; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); background:#3e3436; } .menu { width:1000px; margin:0px auto; } .menu li { margin:0px; list-style:none; font-family:'Ek Mukta'; } .menu a { transition:all linear 0.15s; color:#919191; } .menu...
Filter Two Dropdowns Based on One Another the Angular Way
javascript,html,angularjs,select,drop-down-menu
You could set up a custom filter and return the values that should be displayed. Two ways of doing it: Option 1 - If/else angular.module('programApp', [ 'programApp.controllers', 'programApp.filters' ]); angular.module('programApp.filters', []) .filter('dropdownFilter', function() { return function(input, degreeTypePregenerate) { if (degreeTypePregenerate === 'assox') { return []; } else if (degreeTypePregenerate ===...
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
The span <span class="error">* <?php echo $rateErr;?></span> is inside the select...I bet if you inspected the element it does appear just not visible because it's not in an <option> tag. Try moving it outside....
How to keep java.awt.List from covering javax.swing.JMenu
java,netbeans,drop-down-menu,awt,jmenu
You should use JList instead of List. The problem is that Components in java.awt have peer components, that are native OS components, whereas swing is 100% java. You cannot write over these native peers... at least not in java....
Get a specific value from a specific array when having two dropdown lists
One way would be to combine distanceFromCity0 ... distanceFromCity4 into a single 2D array and use the two cities as indexes to the distance value: int[][] distanceBetweenCities = { new[]{ 0, 16, 39, 9, 24 }, new[]{ 16, 0, 36, 32, 54 }, new[]{ 39, 36, 0, 37, 55 },...
How to filter values in Multiple selection using textbox value
javascript,jquery,html5,drop-down-menu,autocomplete
The .filter(function) jQuery method can be used to find the target option elements and show them as follows. The JavaScript method .toLowerCase() is used to make the search case-insensitive: $('#filterMultipleSelection').on('input', function() { var val = this.value.toLowerCase(); $('#uniqueCarNames > option').hide() .filter(function() { return this.value.toLowerCase().indexOf( val ) > -1; }) .show(); });...
why doesn't this drop-down menu work with mouseover and leave?
javascript,css,drop-down-menu,mouseover,mouseleave
There were quite a few issues. If you have any questions let me know homeBox.mouseover There is no homeBox use homeB, and mouseover isnt an event handler onmouseover is. homeB.onmouseover ul li ul li a #homeSub {display: hidden;} This is looking for a link with a child that has the...
Dynamic Drop Down AngularJS and Database with JSON
mysql,json,angularjs,drop-down-menu
For your first question the ng-model of the md-select will correspond to the selected animal in the collection, so in this example $scope.model.selectedAnimal, would be the variable you can use to access the selected animal. <div ng-controller="SelectOptGroupController" class="md-padding selectdemoOptionGroups"> <div> <h1 class="md-title">Select Animal</h1> <div layout="row"> <md-select ng-model="model.selectedAnimal" placeholder="Animals" ng-change="getSpecies()"> <md-option...
CSS Dropdown Menu - Too Much Space Between and another (Margin:0; Padding:0)
You can use width: inherit to get parent's width in css. Here is the menu without spaces between li, just applied backround-color to whole ul. http://jsfiddle.net/2j1g200g/33/...
ASP.NET MVC 5 Set values for dropdownlist
c#,asp.net,asp.net-mvc,drop-down-menu,asp.net-mvc-5
Use this instead of EditorFor for each field: @Html.DropDownListFor(model => model.Outcome, new SelectList(Enumerable.Range(1, 5))) ...
Bootstrap dropdown menu links not clickable
jquery,css,twitter-bootstrap,drop-down-menu
You have errors in your code: Uncaught TypeError: Cannot read property 'top' of undefined $(".links a, .nav a").click(function (event) { event.preventDefault(); var dest = 0; // Error here // vvvv if ($(this.hash).offset().top > $(document).height() - $(window).height()) { dest = $(document).height() - $(window).height(); } else { dest = $(this.hash).offset().top; } $('html,body').animate({scrollTop:...
Dynamically change a button-drop list in javascript?
javascript,jquery,twitter-bootstrap,button,drop-down-menu
Here's one approach - have all your menu items in the HTML, and then use CSS to hide/show the appropriate ones <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> Menu <span class="caret"></span> </a> <ul id='my-dropdown' class="dropdown-menu" data-menu-id='default'> <li class='default'><a href="#">Choice1</a></li> <li class='default'><a href="#">Choice2</a></li> <li class='default'><a...
Run various queries based on a combo box selection
vba,ms-access,drop-down-menu,access-vba
Create a query which retrieves the QryName values from rows whose SubscriptionID matches the dropdown selection ... a query something like this: SELECT QryName FROM tbl_subcription WHERE SubscriptionID = [dropdown] ORDER BY QrySequence; Then you can open a DAO.Recordset based on that query, move through the recordset rows, and execute...
change css dynamically by selecting dropdown list item
jquery,html,css,drop-down-menu
I have created a working example for you. You can find the jsfiddle in here This piece of code uses JQuery. (Remember, for these type of tasks, JQuery is your friend =] ). HTML <select id="dropDownMenu"> <option value="option1" selected="selected">yes</option> <option value="option2">no</option> </select> <br> <img id="picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/House_Sparrow_mar08.jpg/220px-House_Sparrow_mar08.jpg"> Javascript function changeStyle(){...
Removing an option from all other chosen multiple dropdowns, when selected on a particular dropdown
javascript,jquery,drop-down-menu,jquery-chosen
By calling the function below on the select box change event the options will be disabled/enabled as per your requirements. function disableSelectedValues() { var cssOptions = []; $(".input_field.criteria_countries option").removeAttr("disabled"); $.each($(".input_field.criteria_countries"), function(index, select) { cssOptions = []; var values = $(select).val(); if (values) { for (var i = 0; i <...
DropDownList is not working properly when bound to database and add item manually
asp.net,c#-4.0,drop-down-menu,oracle11g
else if (DropDownList1.Text == "QC Released" && DropDownList2.Text == "ALL") This condition never work. Try that: if (DropDownList1.Text == "QC Released" && DropDownList2.Text == "ALL") {} else if (DropDownList1.Text == "QC Released") {} ...
Chain populate HTML select boxes using AJAX, PHP and MySQL
php,jquery,mysql,ajax,drop-down-menu
AJAX call couldn't find jQueryHelper.php. Changing url from /classes/jQueryHelper.php to classes/jQueryHelper.php fixed the path issue.
how to populate dropdown list in Django from a foreignkey model
python,django,drop-down-menu,foreign-keys
You don't need to do this manually. If your ArticleForm is ModelForm and doesn't exclude category field then you can just write {{ form.category }} and get dropdown created by django automatically. It uses ModelChoiceField underneath the hood.
Firefox dropdown menu click
html,firefox,select,drop-down-menu
Why is your code surrounded by an a-Tag (<a href=""></a>) ? If you click on the content (e.g. your dropdown) the href="" reload the page. Remove the a or change href="" to href="#".
Dynamically select from a dynamically generated dropdown
php,html,select,drop-down-menu
It is because you aren't ending the value attribute, so your selected option becomes <option value="optionvalueselected" -- 'optionvalue' being the value of your selected option, and 'selected' being the attribute you want to set, but won't be set because you never ended value The following should work: <select name="course_id" id="course_id">...
DropDownChoice onSelectionChnaged
DropDownChoice#onSelectionChanged() is an empty hook method, you don't need to call it from your override.
Add “Please Select” to Drop-down list that retrieves values from Data base
c#,asp.net,sql-server-2008,drop-down-menu
Thanks for your responses. I figured out the actual problem and able to done it in simple step. First, I make the AppendDataBoundItems behavior of my drop-down list To TRUE and kept the following code and it works perfectly. protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { NameDropDownList.Items.Insert(0,...
Create a new select dropdown object with jQuery
jquery,html,select,drop-down-menu
I'd suggest the following: var photos = [ '_DSC0153.jpg', '_DSC0154.jpg' ]; // creating the <select> element: $('<select>', { // setting its 'id' property/attribute: 'id' : 'selectfile' // in order to append nodes (rather than a string of HTML), // we use the append() method: }).append(function () { // using Array.prototype.map()...
On dropdown click, close all other dropdowns
javascript,jquery,html,css,drop-down-menu
I don't advocate or suggest that you should use important styling, but your css could be simplified a lot so that this wouldn't be necessary and I don't want to refactor all of your css. The solution is to add the open class to the list item, it's styling then...
Bootstrap dropdown selection makes screen jump
javascript,html,css,twitter-bootstrap,drop-down-menu
When you use an anchor tag, <a>, it is going to automatically go to the location that the href tag is pointing to. If your link is pointing to an id on the page, the link is going to scroll the screen to the element the link is pointing to....
jquery tabbed selector with dropdown selectors, dropdowns don't match on tab switch
javascript,jquery,css,drop-down-menu
Try this: $(document).ready(function () { $('.choice').hide(); $('.one').show(); $('.sel').change(function(){ $('.choice').hide(); $( '.' + this.value).show(); $('.sel').val( this.value ); }); $('ul.tabs li').click(function () { var tab_id = $(this).attr('data-tab'); $('ul.tabs li').removeClass('current'); $('.tab-content').removeClass('current'); $(this).addClass('current'); $('#' + tab_id).addClass('current'); }); }); jsFiddle Demo...
Drop down menu hyperlinks click event issue
javascript,jquery,css,html5,drop-down-menu
Since you have the preventDefault inside the click handler all hrefs are ignored. I would recommend to add the href only on the menu items which actually need them and add this to your click handler, to follow the links: menu_a.click(function (e) { if( $(this).attr('href') ){ location.href = $(this).attr('href'); return;...
Include a DropDown in RadToolBarDropDown
html,asp.net,drop-down-menu,telerik
You can use an item template to nest a DropDownList or ComboBox in the RadToolBarDropDown: <telerik:RadToolBarDropDown> <Buttons> <telerik:RadToolBarButton> <ItemTemplate> <telerik:RadDropDownList ID="RadDropDownList1" runat="server"> </telerik:RadDropDownList> </ItemTemplate> </telerik:RadToolBarButton> </Buttons> </telerik:RadToolBarDropDown> ...
Open sub-menu without creating empty space [closed]
html,css,twitter-bootstrap,drop-down-menu,submenu
You can try "position:absolute" inside .dropdown-submenu>.dropdown-menu, in your css code. .dropdown-submenu>.dropdown-menu{ position:absolute; top:0; left:-100%; max-width:160px; margin-top:-6px; margin-left:35px; } ...
Multiple instances of Jquery dropdown not working together
The Id attribute has to be unique. Using the same "instance" (as you put it) of the dropdown several times suggest that you use the same Id. But if you just change your Id's, your jQuery would no longer function as it's currently written. I would suggest you use class...
Dropdown submenu is not displaying correctly
Add position: relative; to nav ul li ul li like so: nav ul li ul li { margin: 0; padding: 0; position: relative; width: 100%; } ...
Style select box drop-down menu like a table
javascript,css,table,select,drop-down-menu
With just a <select> element, no . . . HTML select boxes are some of the most limited, when it comes to cross-browser support for styling. Even the most "flexible" browser are extremely restrictive on what they let you change (some font styling, some color support, sizing and spacing is...