IE hide select option

There is no way of setting display:none or similar on a select option in IE (6 + 7). Can't we all just be friends?

Solutions to follow. There are probably two good ways to solve this: use AJAX to recreate the list after each click, or an Array of data structure Objects on page in javascript to do it (my preference).

After writing that data somewhere, do some jQuery like

$(#first select).change(function() {
  $(#second select).html('<option>Select</option>');
  // clears the list and sets a default label

  for (var i=0; i<arr.length; i++)
    if ($(this).val() == arr[i].some_code)
      $(#second select).append('<option value="' + arr[i].sub_code
        + '">' + arr[i].sub_label + '</option>');
});

Not very exciting. It's an ending, that's enough.

Posted 28 Apr 2008, tagged with ie ie6 html javascript