javascript - jQuery dropdown not displaying first option -


so, have dropdown filter on client web page, dropdown should work matching class in hidden div , displaying relevant content. however, in ie9 (and on linked fiddle) can see doesn't work.

the second option (iphone) doesn't appear display results. think issue down numbering of 'select.dropdown' function can't figure out is, exactly.

snippet:

$("select.dropdown").change(function(){ var filters = $.map($("select.dropdown").toarray(), function(e){     return $(e).val(); });  var filter; if(filters[0]=="all") {     if(filters[1]=="all")        filter = "";     else        filter = "." + filters[1]; } else{     if(filters[1]=="all")        filter = "." + filters[0];     else        filter = "." + filters.join("."); } $("div#filtercontainer > div").hide(); $("div#filtercontainer").find("div" + filter).show(); console.log(filters);

any ideas?

the filtering works on ie10+ , chrome & firefox..

thanks in advance!

fiddle here

in html filter value not correct. 

<option value="iphone">iphone</option>

value should have capital 'p'


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more