javascript - jQuery bind/change to Drop Down Form -


i had longer post describing trying do, don't think necessary i'm making simple. i'm working on getting zurb foundation work datatables. it's been pretty easy except drop down menu. i've had bit of tough time getting working js novice. here general syntax of foundation drop down.

<label for="customdropdown">dropdown label</label> <select style="display:none;" id="customdropdown"> <option select="selected">this dropdown</option> <option>this option</option> <option>look, third option</option> </select> <div class="custom dropdown"> <a href="#" class="current">this dropdown</a> <a href="#" class="selector"></a> <ul> <li class="selected">this dropdown</li> <li>this option</li> <li>look, third option</li> </ul> </div>

where i've run problems event listener update table length fires on click on ul, table length updated selected length. because foundation js 1 updating ul li, every attempt detect change doesn't work because code firing before foundation applies class li.

so update table seems clear have detect change of either option value

$('div#example_length form select').val()

or in li

$('div.custom ul li.selected').text()

i tried chaining .change() function onto above detect change in value it's giving me error. i'm pretty lost here. i've spent quite bit of time trying work out.

edit: clear, i'm trying correct value drop down when it's selected. value it's 1 selected not 1 selected. because of way foundation works i'm having hard time doing green belt jquery skills.

thanks.

i feel bit stupid not figuring out quicker; such learning process.

$('div.custom ul', nlength).on('click', 'li', function(event) { foo = $(this).text(); console.log(foo); });

what discovered in 'bind' reason detecting first event, whereas 'on' detected every event action.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

c++ - Accessing inactive union member and undefined behavior? -

i under impression accessing union member other last 1 set ub, can't seem find solid reference (other answers claiming it's ub without support standard). so, undefined behavior? the confusion c explicitly permits type-punning through union, whereas c++ ( c++11 ) has no such permission. c11 6.5.2.3 structure , union members 95) if member used read contents of union object not same member last used store value in object, appropriate part of object representation of value reinterpreted object representation in new type described in 6.2.6 (a process called ‘‘type punning’’). might trap representation. the situation c++: c++11 9.5 unions [class.union] in union, @ 1 of non-static data members can active @ time, is, value of @ 1 of non-static data members can stored in union @ time. c++ later has language permitting use of unions containing struct s common initial sequences; doesn't permit type-punning. to determine whether union type-punning is allowe...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more