Hi all,
Thanks to IE's inability to dynamically hide/show options within a
select list, I need to do it differenly, but I can't get it to work =/.
This is what works as I'd expect in FF;
//this is only for agency jobs - show titles dependent on discipline
selected
discipline = $("#admin-jobs .discipline_agency_row select
[EMAIL PROTECTED]").val();
$("#admin-jobs .jobtitle").hide();
titles_needed = "#admin-jobs .discipline" + discipline;
$(titles_needed).show();
$("#admin-jobs .discipline_agency_row select").change(function(){
$("#admin-jobs .jobtitle").hide();
titles_needed = "#admin-jobs .discipline" + $(this).val();
$(titles_needed).show();
});
This is what I've come up with, and logically I think it should work,
but it doesn't. IE strips all the options out (but shows the empty
dropdown) and won't add any back in, and FF doesn't strip any out at
all.
//show titles dependent on discipline selected
$discipline = $("#admin-jobs .discipline_agency_row select
[EMAIL PROTECTED]").val();
$titles_needed = "#admin-jobs .discipline" + $discipline;
alloptions = $("#admin-jobs .jobtitle").clone();
if ($discipline){
reqoptions = alloptions.find( "option:not('"+$titles_needed+"')"
).remove();
$("#admin-jobs .title_row select").empty();
$("#admin-jobs .title_row select").append(reqoptions);
}
$("#admin-jobs .discipline_agency_row select").change(function(){
$titles_needed = "#admin-jobs .discipline" + $(this).val();
alloptions = $("#admin-jobs .jobtitle").clone();
if ( $(this).val() ){
reqoptions = alloptions.find( "option:not('"+$titles_needed+"')"
).remove();
$("#admin-jobs .title_row select").empty();
$("#admin-jobs .title_row select").append(reqoptions);
}
});
Anyone got a method that does work, or does a plugin exist to counter
IE's bug?
Luc Pestille
Web Designer
in2, Thames House, Mere Park, Dedmere Road, Marlow, Bucks, SL7 1PB
tel: +44 (1628) 899700 | fax: +44 (1628) 899701 | email: [EMAIL PROTECTED]
| web: www.in2.co.uk
This message (and any associated files) is intended only for the use of
jquery-en@googlegroups.com and may contain information that is confidential,
subject to copyright or constitutes a trade secret. If you are not
jquery-en@googlegroups.com you are hereby notified that any dissemination,
copying or distribution of this message, or files associated with this message,
is strictly prohibited. If you have received this message in error, please
notify us immediately by replying to the message and deleting it from your
computer. Messages sent to and from us may be monitored. Any views or opinions
presented are solely those of the author jquery-en@googlegroups.com and do not
necessarily represent those of the company.
<<inline: in2logo_long.gif>>
