Disable input if select option checked
<select id="select">
<option value="">select this </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
</select>
<input disabled type="text" id="p_amount">
<input disabled type="text" id="pay_full">
$("#select").change(function(){
if ($(this).val() !== "") {
$("#p_amount").prop('disabled', false);
$("#pay_full").prop('disabled', false);
}
else {
$("#p_amount").prop('disabled', true);
$("#pay_full").prop('disabled', true);
//i means this value of select_option is empty
}
});
3.75
4
$(document).ready(function(){
$("select.form-control").change(function(){
$(".home").prop('disabled', $(this).val() == 'home-none');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control">
<option value="home-none">-</option>
<option value="home-select">Team</option>
</select>
<div class="form-group">
<input class="form-control home" name="h-p1-fn" placeholder="First name" type="text"/>
</div>
<div class="form-group">
<input class="form-control home" name="h-p1-ln" placeholder="Last name" type="text"/>
</div>
Thank you!
4
0
Are there any code examples left?
New code examples in category Html
-
Html 2022-03-27 21:55:05 how to kill html
-
Html 2022-03-27 21:55:02 How to create web urls without extensions
-
Html 2022-03-27 21:45:11 space between 2 h tags without break
-
Html 2022-03-27 21:40:13 how to resize submit button in html
-
Html 2022-03-27 20:40:18 https://www.codegrepper.com
-
Html 2022-03-27 19:55:09 show image inside table with innerhtml
-
Html 2022-03-27 19:30:47 html email input
-
Html 2022-03-27 18:45:01 how to add favicon in html
-
Html 2022-03-27 18:15:21 picture html
-
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd