Textbox enable /disable on drop down change

Question

Hi, i want to use javascript code to enable/disable the textbox on selection of value from drop down list. My javascript code is not working.

<script type="text/javascript">
 function changetextbox() { 
if (document.getElementById("mfi_4_a_i").value === "noy")
 {         document.getElementById("sdd").disable='true';
 } else {  
       document.getElementById("sdd").disable='false'; }
 } </script>

Nilesh Shah · Answer

Hi It is "disabled" and you have written "disable" When in doubt always use alert(); check my attached working example and sample code below: > html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" > head > meta charset = "utf-8" /> title > title > script type = "text/javascript" > function changetextbox() { alert(document.getElementById("mfi_4_a_i").value); if (document.getElementById("mfi_4_a_i") .value === "noy") { document.getElementById("sdd") .disabled = 'true' ; } else { document.getElementById("sdd") .disabled = '' ; } } script > head > body > select onchange = "changetextbox();" id = "mfi_4_a_i" > option value = "noy" > noy option > option value = "abc" > abc option > select > br /> input type = "text" id = "sdd" /> body > html >

Nilesh Shah · Answer

Hi Considering the fact that category says HTML and your code is HTML too, I presented this solution. I suggest you raise a new question in MVC category and also attach your code in that, mentioning what is not working

S P · Answer

Sorry, I forgot to mention that i am using this code for MVC. I tried this code.But it didn't work for me.

Textbox enable /disable on drop down change

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (3)