Javascript Help Needed Again

Question

Hi there, I am not very good with Javascript, so was looking
for some help.
I have a select list for an order checkout page, which is
basically how
people heard about the site. You select one, and depending on
what it
is, another form field will appear with a message asking for
more detail.
For instance, if they selected Search Engine, another field
would appear
with the text "Which search engine" and a form field for them
to enter
it into.
What is the best way to do this? Some of the options in the
select list
won't need the additional field.
Cheers,
Steve

Answer 1

Dooza wrote:
> Dooza wrote:
>> Hi there, I am not very good with Javascript, so was
looking for some
>> help.
>>
>> I have a select list for an order checkout page,
which is basically
>> how people heard about the site. You select one, and
depending on what
>> it is, another form field will appear with a message
asking for more
>> detail.
>>
>> For instance, if they selected Search Engine,
another field would
>> appear with the text "Which search engine" and a
form field for them
>> to enter it into.
>>
>> What is the best way to do this? Some of the options
in the select
>> list won't need the additional field.
>
> Ok, I have almost got this sussed, just need some syntax
help :)
>
> function toggleElement(sel1, element1) {
>
> element1 = document.cart.elements[element1];
> //alert(element1.value);
> if (sel1.value == 'searchenginelisting') {
> element1.value = 'Which search engine?';
> element1.style.display = 'inline';
> }
> if (sel1.value == 'searchenginesponsored') {
> element1.value = 'Which search engine?';
> element1.style.display = 'inline';
> }
> if (sel1.value == 'banner') {
> element1.value = 'Which website?';
> element1.style.display = 'inline';
> }
> else {
> element1.value = ''; // input text will be empty
> element1.style.display = 'none'; // hide text element
> }
> return;
> }
>
> It currently only works when you select banner from the
select list.
> When you select the first 2 it does nothing. Its the way
its nesting the
> IFs, can anyone tell me how to sort this out?
>
> Cheers,
>
> Steve
function toggleElement(sel1, element1) {
var element1 = form.elements[element1];
if (sel1.value == 'searchenginelisting' ||
sel1.value == 'searchenginesponsored'){
element1.value = 'Which search engine?';
element1.style.display = '';
return;
if (sel1.value == 'banner') {
element1.value = 'Which website?';
element1.style.display = '';
return;
element1.value = ''; // input text will be empty
element1.style.display = 'none'; // hide text element
Mick