/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

2 votes347 views1 answer
Remove add event listener jquery
Javascript jQuery
21 votes319 views3 answers
Jquery enable submit button
Javascript jQuery
5 votes333 views1 answer
Jquery document on rea
Javascript jQuery
0 vote337 views1 answer
Add options to select box dynamically jquery
Javascript jQuery
0 vote398 views1 answer
Jquery get attribute value of parent element
Javascript jQuery
-1 vote313 views1 answer
Onload of modal jquery function
Javascript jQuery
1 vote314 views1 answer
Jquery onlcick css change
Javascript jQuery
0 vote315 views1 answer
Jquery select selected get data name
Javascript jQuery
0 vote312 views1 answer
Import jquery into angular 8
Javascript jQuery
5 votes331 views1 answer
Jquery continue in loop each
Javascript jQuery