/Javascript/jQuery/How to disable option after select using jquery

How to disable option after select using jquery

Jquery disable select

$('#pizza_kind').prop('disabled', false);

Source: stackoverflow.com

Disable option dropdown jquery

//disable by value
$("#ddlList option[value='jquery']").attr("disabled","disabled");

//disable by text
$('#ddlList option:contains("HTML")').attr("disabled","disabled");

Jquery disable option by value

$("select option:contains('Value b')").attr("disabled","disabled");

Source: stackoverflow.com

How to disable option after select using jquery

//JS
$("#theSelect").change(function(){          
  var value = $("#theSelect option:selected").val();
  var theDiv = $(".is" + value);

  theDiv.slideDown().removeClass("hidden");
});


$("div a.remove").click(function () {     
  $(this).parent().slideUp(function() { $(this).addClass("hidden"); }); 
});

//HTML
<body>
<div class="selectContainer">
    <select id="theSelect">
        <option value="">- Select -</option>
        <option value="Patient">Patient</option>
        <option value="Physician">Physician</option>
        <option value="Nurse">Nurse</option>
    </select>
</div>
<div class="hidden isPatient">Patient <a href="#" class="remove" rel="Patient">remove</a></div>
<div class="hidden isPhysician">Physician <a href="#" class="remove" rel="Patient">remove</a></div>
<div class="hidden isNurse">Nurse <a href="#" class="remove" rel="Patient">remove</a></div>
</body>

Source: stackoverflow.com

How to disable time option in select jquery

$('#fromtime').on('change', function(){
    var totimeValues = [];
    
    var fromTime = $(this).val();

    $('#totime option').filter(function() {
        return $(this).val() <= fromTime;
    }).prop('disabled', true);

    
});

Source: stackoverflow.com

Similar codes

0 vote290 views1 answer
Jquery accordion toggle close open
Javascript jQuery
0 vote291 views1 answer
Jquery remove first character from string
Javascript jQuery
6 votes316 views2 answers
How to iterate over list in jquery
Javascript jQuery
0 vote327 views1 answer
Laravel datables get next input jquery next
Javascript jQuery
0 vote297 views1 answer
Add table header dynamically in jquery
Javascript jQuery
0 vote350 views1 answer
How to enable button of upload after click on chosefile in jquery
Javascript jQuery
1 vote309 views1 answer
Show more implementation jquery
Javascript jQuery
0 vote306 views1 answer
Jquery only on mobile
Javascript jQuery
0 vote348 views1 answer
Mousemove jquery
Javascript jQuery
23 votes329 views2 answers
Jquery loop all elements with class
Javascript jQuery