UDigi UDigi - 5 months ago 26
CSS Question

How to enable-disable input type="text" when select value from dropdown list

I have a drop-down list) and one is input type="text". what i want if i select value{2,3} from drop down list not first value then input type will be disabled and if i select again first value then it will be enable.


Let's suppose you have this HTML code:

<select id='dropdown'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<input type="text" id="textInput" />

Then you can act on change event on <select> to make <input> disabled or enabled by adding an event listener.

Since you're using jQuery (as you've added jquery tag to the question), the example code could look like this:

$('#dropdown').change(function() {
    if( $(this).val() == 1) {
        $('#textInput').prop( "disabled", false );
    } else {       
        $('#textInput').prop( "disabled", true );

Here's a working fiddle: https://jsfiddle.net/wx38rz5L/2268/