StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The problem with this plugin is it cannot handle the onchange() event because of that we are mostly irritate. So, here is the solution for that..</p> <pre><code><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.selectbox-0.5.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function() { $('.items').selectbox(); $('#country_input').blur(function(){ setTimeout(function(){ var e = document.getElementById("country"); var countryCode = e.options[e.selectedIndex].value; getState('state',countryCode); },500) }); }); </script> <script type="text/javascript"> function getState(state_id, countryCode) { var option_str = document.getElementById(state_id); option_str.length=0; option_str.options[0] = new Option('Select State',''); option_str.selectedIndex = 0; //write your code to get state list with the use of "countryCode" var state_arr = stateListArray; //assume "stateListArray" is an array which is holding list of states for (var i=0; i<state_arr.length; i++) { option_str.options[option_str.length] = new Option(state_arr[i],state_arr[i]); } $('#state').parent().children(':not(#state)').remove(); $('#state').selectbox(); } </script> <p> <select id="country" class= "items" name ="country"> <option value="countryCode">Country Name</option> </select> </code></pre> <p></p></p> <p> </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload