/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

23 votes441 views1 answer
JQuery create div element
Javascript jQuery
2 votes326 views1 answer
Element is hidden jquery
Javascript jQuery
4 votes337 views4 answers
Set span text jquery
Javascript jQuery
0 vote356 views1 answer
Jquery droppable allow what can be dropped
Javascript jQuery
0 vote353 views1 answer
Local storege in jquery
Javascript jQuery
58 votes322 views1 answer
JQuery ui embed
Javascript jQuery
0 vote353 views1 answer
Jquery add event listener to ckeditor
Javascript jQuery
0 vote342 views1 answer
Check if element is last child jquery
Javascript jQuery
10 votes346 views4 answers
Jquery select radio
Javascript jQuery
0 vote323 views1 answer
Back to top scroll animation jquery
Javascript jQuery