Sunday, June 2, 2024
 Popular · Latest · Hot · Upcoming
48
rated 0 times [  54] [ 6]  / answers: 1 / hits: 15307  / 8 Years ago, mon, august 22, 2016, 12:00:00

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.


More From » php

 Answers
10

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


[#60962] Friday, August 19, 2016, 8 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
acaciac

Total Points: 317
Total Questions: 117
Total Answers: 128

Location: France
Member since Thu, Oct 27, 2022
2 Years ago
;