Becca Girl
2008-Mar-18  21:42 UTC
Hide/Show checkbox elements based on select box - Javascript
I have code that enables select list 1 to populate select list 2 as
taken from a railscast.  I want to change the select list 2 to a series
of check boxes.  I''m not a Javascript person so changing this is making
a mess.
This is the 2 select list code in Javascript:
function countrySelected() {
  country_id = $(''fips_code_country_code'').getValue();
  options = $(''fips_code_state_code'').options;
  options.length = 1;
  counties.each(function(state) {
    if (state[0] == country_id) {
      options[options.length] = new Option(state[1], state[2]);
    }
  });
  if (options.length == 1) {
    $(''state_field'').hide();
  } else {
    $(''state_field'').show();
  }
}
Any thoughts on how I can convert this so that the only states displayed
in the checkbox list are those associated with the selected country?  Do
I do something with the id element?  I think that I need to change line
3 so that it''s not looking at the <option>, but rather an id. 
But
again, I have no clue what I''m doing.
Any help would be GREATLY appreciated.
-- 
Posted via http://www.ruby-forum.com/.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---