Paul - you are the man! This is exactly what I'm looking to do. Thanks for the example.
However, I have another problem: I'm trying to do this in a third-party app and I don't have access to the HEAD section or the BODY tags, so I can't put the js in the HEAD and I can't attach an onLoad to the BODY tag. :( I really only have the ability to put the js into markup right after the BODY tag. Does that make it impossible to do? Also, is there a way to remove the "unwanted" menu options from the menu altogether (i.e set the display to "none")? Thanks for your responses Chris & Paul! -- Rob On Thu, Dec 11, 2008 at 2:05 PM, Paul <[email protected]> wrote: > > Rob, > > This is very easy to do with just some straight old fashioned > JavaScript. Check out this test file: > http://www.codehooligans.com/tmp_open/test_drop.html > > I setup an onLoad event just to kick things off. You can obviously > change this to trigger however you want. Here is the core > functionality. I've provided three options for manipulating the select > options. The first 2 disable the option (either by text or by value. > The third removes it from the list all together. > > Also, I'm not performing any checks to make sure there are more than > zero options in the select, etc. You can add that on your own. > > function check_select() > { > var lang_options = > document.getElementById("LanguageLocaleKey"); > > for (var i = 0; i < lang_options.length; i++) > { > // Disable the 'French' via the options text > if (lang_options[i].text == 'French') > > lang_options[i].setAttribute("disabled","disabled"); > > // Disables the 'Swedish' via the options value > if (lang_options[i].value == '58') > > lang_options[i].setAttribute("disabled","disabled"); > > // Disables the 'Chinese (Simplified)' via the > options value > if (lang_options[i].value == '21') > lang_options.remove(i); > > > } > } > > > > > > > > On Dec 11, 2008, at 1:25 PM, Rob Scott wrote: > >> >> Hey Refreshers, >> >> I have a form on a webpage and I have no control over the way it's >> marked up. The form has a SELECT box for "Language" with multiple >> options. We do not want users to be able to select some of the >> languages in the SELECT box, but have no way to remove the options >> from the form. I'm curious is there is a way using JavaScript to hide >> some of the options by specifying their values. For example, on this >> form: >> >> <form> >> <select id="LanguageLocaleKey" name="LanguageLocaleKey"> >> <option value="1" selected="selected">English</option> >> <option value="33">German</option> >> <option value="41">Spanish</option> >> <option value="48">French</option> >> <option value="50">Italian</option> >> <option value="52">Japanese</option> >> <option value="58">Swedish</option> >> <option value="53">Korean</option> >> <option value="27">Chinese (Traditional)</option> >> <option value="21">Chinese (Simplified)</option> >> <option value="64">Portuguese (Brazilian)</option> >> <option value="23">Dutch</option> >> <option value="70">Danish</option> >> <option value="59">Thai</option> >> <option value="66">Finnish</option> >> <option value="57">Russian</option> >> </select> >> </form> >> >> I only want to show a few of these options in the pull-down menu, but >> cannot hide the unwanted options using CSS (as far as I know) since >> there are no ids/classes to add style to. Is there a way to do this >> with JavaScript (using the option "values")? >> >> Thanks in advance for any help you can offer. >> >> -- Rob Scott >> >> > > > > > > --~--~---------~--~----~------------~-------~--~----~ Our Web site: http://www.RefreshAustin.org/ You received this message because you are subscribed to the Google Groups "Refresh Austin" group. [ Posting ] To post to this group, send email to [email protected] Job-related postings should follow http://groups.google.com/group/Refresh-Austin/web/refresh-austins-job-posting-guidelines. We do not accept job posts from recruiters. [ Unsubscribe ] To unsubscribe from this group, send email to [email protected] [ More Info ] For more options, visit this group at http://groups.google.com/group/Refresh-Austin -~----------~----~----~----~------~----~------~--~---
