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
-~----------~----~----~----~------~----~------~--~---
