/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

8 votes279 views3 answers
Jquery class selector
Javascript jQuery
5 votes254 views4 answers
Add select option jquery
Javascript jQuery
2 votes260 views1 answer
Jquery for table Show entries
Javascript jQuery
0 vote255 views1 answer
Jquery split multidimensional array
Javascript jQuery
10 votes327 views1 answer
Jquery get child div
Javascript jQuery
0 vote285 views1 answer
Select xml child element with jQuery
Javascript jQuery
0 vote290 views1 answer
Jquery with npm in laravel
Javascript jQuery
3 votes244 views3 answers
Jquery get image src
Javascript jQuery
1 vote251 views1 answer
Onscroll add class jquery
Javascript jQuery
0 vote263 views1 answer
Jquery onclick doesn't work on adding another id and removing the old id
Javascript jQuery