Javascript to hide a text box

[avr1983]

hi,

would you please help me in writing a javascript code to implement a text box that is hidden beside a drop down box.the text box should be enabled only when we select an "others"option from a drop down box.please help me,its urgent.

Thank you in Advance........

[acoder]

Welcome to TSDN.

Should it be hidden or disabled?

You'll need to use the onchange event on the select:
[HTML]<select ... onchange="...">[/HTML] Call a function that will enable/show the text box. Assuming txtobj is the text box object and selObj is the select object:

if (selObj.value=="Other") txtobj.disabled=false;
else txtobj.disabled=true;

[avr1983]

Thank-U for your reply.

The text box should be hidden when we select specifications in given combo box and when we select "others" in that specifications text box should be visible to write into it

[acoder]

Post your code/HTML that you've got so far.

Try and follow my first post replacing

disabled=false

with

style.visibility='visible'

and

disabled=true

with

style.visibility='hidden'

to make visible/hide instead of enable/disable.

[avr1983]

need a bit clear code....
thank u in advance.....

[acoder]

need a bit clear code....
thank u in advance.....

No it doesn't work like that.

What code have you got so far? What errors have you got?

[avr1983]

exactly what i need is,we have a combo box with some value in it.when i select the value "others" in d combo box i want the text box to be appeared.and for remaining values it should be hidden.
thank u in advance

[acoder]

Agan, you'll need to use the onchange event on the select:
[HTML]<select ... onchange="myfun(this)">[/HTML] "this" refers to this element meaning the select element.
In your function, assuming txtobj is the text box object (you know how to access that):

function myfun(selObj) {
 if (selObj.value=="Other") txtobj.style.visibility='visible';
 else txtobj.style.visibility='hidden';
}

[simplesoftsolutions]

An alternative to visibility (if I'm not mistaken visibility doesn't work in all browsers, am I correct?) you can use OBJECTNAME.style.display = "none;". As someone else mentioned, what code do you have already?

Anthony
simplesoftsolutions.com

[nadinechemali]

Hi guys well i have the same prob i have a select list with names of companies
and i have at the end a field called others
i want that when i choose others that an empty appear but ur code didnt work:S
plz help! they told me that it can work with ajax!

[acoder]

Hi guys well i have the same prob i have a select list with names of companies
and i have at the end a field called others
i want that when i choose others that an empty appear but ur code didnt work:S
plz help! they told me that it can work with ajax!

Welcome to TSDN.

You don't need ajax for this - it just requires some simple DHTML. Post your code so we can see your problem.