html - Unable to disable a textbox using JavaScript -


depending on option choose in above drop down box, supposed either gray text boxes out, or let user type in them. using following:

document.getelementbyid(\'freq2\').disabled=true; 

this not work. but, can use following fine, , disappears:

document.getelementbyid(\'freq2\').style.display = \'none\'; 

why can not gray out text boxes, can hide them, , change colors, etc.?

you need unescape quotes.

document.getelementbyid(\'freq2\').disabled=true; 

needs be

document.getelementbyid('freq2').disabled=true; 

or javascript won't valid, won't disable it.


you can wrap multiple textboxes in fieldset

<fieldset id="myfields" disabled="disabled">     <input type="text" />     <input type="text" /> </fieldset> 

javascript:

document.getelementbyid("myfields").disabled = true; 

css remove border:

fieldset {     border: 0; } 

jsfiddle


Comments