javascript - jQuery - on page load select optgoup and children in second select by a default selected option in a parent select -

-

i have select "usercountry" has predefined option selected when page loads. have second select organized optgroup country , child option state. have jquery script change/show optgroup , child option states accordingly when usercountry chosen. problem when page loads "united states" preselected need optgroup united states preloaded.

html:

<select name="usercountry" id="usercountry" class="required">         <option value="">-- please choose --</option>         <option value="13">australia</option>         <option value="38">canada</option>         <option value="223" selected>united states</option>         <option value="239">zimbabwe</option> </select> <select name="userstate" id="userstate" class="required">              <option value="" selected>please choose..</option>        <optgroup label="australia">              <option value="new south wales">new south wales</option>              <option value="northern territory">northern territory</option>              <option value="queensland">queensland</option>        </optgroup>        <optgroup label="canada">              <option value="alberta">alberta</option>              <option value="british columbia">british columbia</option>              <option value="manitoba">manitoba</option>              <option value="new brunswick">new brunswick</option>        </optgroup>        <optgroup label="united states">              <option value="alabama">alabama</option>              <option value="alaska">alaska</option>              <option value="arizona">arizona</option>              <option value="arkansas">arkansas</option>              <option value="california">california</option>              <option value="colorado">colorado</option>              <option value="connecticut">connecticut</option>        </optgroup>        <optgroup label="zimbabwe">              <option value="bulawayo">bulawayo</option>              <option value="harare">harare</option>              <option value="manicaland">manicaland</option>              <option value="midlands">midlands</option>        </optgroup> </select>

jquery:

// sets option group using same code use on-country-change     function setoptgroup() { var state_province = $('#userstate option, #userstate optgroup');     state_province.hide(); // edit: line won't retrieve selected country when page has been loaded //$("#userstate optgroup[label='" + $(this).find(':selected').html() + "']") // line works     $("#userstate optgroup[label='" + $('#usercountry option:selected').text() + "']")         .children()         .andself()         .show(); }  $( document ).ready(function() {     // set usa option group when page loaded     setoptgroup();  // present code - refactored bit $('#usercountry').change(setoptgroup); // edit fix typo });

any appreciated!

edit: here jsfiddle of annabel's suggestion http://jsfiddle.net/goodegg/phj8q/ edit: code above works annabel, see ejsfiddle above final version

have put code in $(document).ready() function?

assuming code want when user selects different country, want change code to:

// sets option group using same code use on-country-change function setoptgroup() {     var state_province = $('#userstate option, #userstate optgroup');     state_province.hide();     // edit: line won't retrieve selected country when page has been loaded     //$("#userstate optgroup[label='" + $(this).find(':selected').html() + "']")     // line works     $("#userstate optgroup[label='" + $('#usercountry').val() + "']")         .children()         .andself()         .show(); }  $( document ).ready(function() {     // set usa option group when page loaded     setoptgroup();      // present code - refactored bit     $('#usercountry').change(setoptgroup); // edit fix typo });

the document.ready function run once - when page has finished loading. it's normal jquery put lot of code here.


Comments

Post a Comment

Popular posts from this blog

Issues changing the value of an element in an array in matlab -

-
i'm trying create program sum n-1 , n-2 numbers create n , store value in array. currently, output (assuming numdisp > 2 ) num1 , num2 , 0 , 0 , 0 ... size of array correct, i'm having issues reassigning elements. num1 = input('input first integer of fibonacci sequence: '); num2 = input('input second integer of fibonacci sequence: '); numsdisp = input('how many integers display? --> '); list = zeros(numsdisp,1); list(1) = num1; list(2) = num2; if (numsdisp <=0) disp('value must integer greater zero.') elseif (numsdisp == 1) disp(num1) elseif (numsdisp == 2) disp(num1) disp(num2) else disp(num1) disp(num2) index = 3:numsdisp disp(list(index)) list(index) = list((index-1)) + list((index-2)); end end example input: 3 3 4 corresponding output: 3 3 0 0 you aren't printing out final result, intermediate steps. in for loop, printing list(index) updating value, rather updat...
Read more

php - MySQLi binding parameters in a prepared statement doesn't work unless inserted after "WHERE" -

-
i have php code pulls info database. uses prepared statement, works fine written below: <?php $n = '5'; if ($stmt = $connection->prepare("select title items id = ?")) { $stmt->bind_param("s", $n); $stmt->execute(); $stmt->bind_result($title); while ($stmt->fetch()) { echo $title; } $stmt->close(); } ?> and let's echo "batman". however, when move placeholder here: "select ? items id = 5" and change: $n = 'title'; instead of echoing "batman", echoes "title". not possible use placeholder select parameter? what have done this: select "title" items id = 5 you cant use prepared statement bindings identifiers, parameters.
Read more

vb.net - Alternative to the T-SQL AS keyword -

-
please see code below: imports system.data.sqlclient imports system.configuration public class form1 private _constring string private sub form1_load(byval sender object, byval e system.eventargs) handles me.load dim objdr sqldatareader dim objcommand sqlcommand dim objcon sqlconnection dim id integer try _constring = configurationmanager.connectionstrings("testconnection").tostring objcon = new sqlconnection(_constring) objcommand = new sqlcommand("select person.urn, car.urn person inner join car on person.urn = car.urn , personid=1") objcommand.connection = objcon objcon.open() objdr = objcommand.executereader(connectionstate.closed) while objdr.read id = objdr("urn") 'line 19 loop objdr.close() ...
Read more