Question

25

Enable/disable of textbox on option selected from drop down menu

rated 0 times [ 26] [ 1] / answers: 1 / hits: 95895 / 13 Years ago, thu, march 10, 2011, 12:00:00

What I want is that the text box is only accessible if a certain option is picked from the drop down menu and I have an html form as below:

 <tr>

 <td>a.&nbsp;Did any  of your staff participate in training or orientation sessions related to any aspect of social performance management, during the reporting year? </td>

 <td >

 <p>

   <select name=mfi_4_a_i>

     <option>Yes</option>

     <option>No</option>

     <option>No, but planning in future</option>

   </select>

 </p>

 <p>if not,and not planning please explain why not </p>

 <input type=text name=mfi_4_a_ii id=sdd />

 </tr>

Now when a user selects the option No, but planning in future then the text box must be enabled otherwise the textbox must be disabled.

How do I accomplish this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

harleyaleenag

Add To Favorites

Follow

Total Points: 678

Total Questions: 121

Total Answers: 105

Location: Papua New Guinea

Member since Thu, Jul 9, 2020

4 Years ago

harleyaleenag questions

1 How to use redis client in nestjs?

Thu, May 5, 22, 00:00, 2 Years ago

1 After build via Webpack 5 app stoped working on Internet Explorer (IE11)

Thu, Oct 22, 20, 00:00, 4 Years ago

1 TypeScript type for value of key in object

Wed, Aug 19, 20, 00:00, 4 Years ago

1 GDPR: youtube-nocookie embedded URL's, need visitors' permission?

Tue, May 19, 20, 00:00, 4 Years ago

1 How to wait for fetch to complete before rendering page in React.js

Thu, Mar 5, 20, 00:00, 4 Years ago

View All

answered 13 Years ago ulysses · Accepted Answer

You should call the javascript function for this.

<select id=mfi_4_a_i name=mfi_4_a_i onChange=changetextbox();>

    <option>Yes</option>

    <option>No</option>

    <option>No, but planning in future</option>

</select>



<input type=text name=mfi_4_a_ii id=sdd />



<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>