Rob,
You should be able to put some JavaScript after the code you want to
manipulate. Best option IMHO is somewhere close to the end of the
file. If not in the footer than as far down in the code as you can.
The 3rd example I provided does remove the item from the dropdown
display.
// Disables the 'Chinese (Simplified)' via the options value
if (lang_options[i].value == '21')
lang_options.remove(i);
On Dec 11, 2008, at 2:39 PM, Rob Scott wrote:
>
> 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
-~----------~----~----~----~------~----~------~--~---
