/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 vote343 views1 answer
Empty textarea using jquery
Javascript jQuery
0 vote381 views2 answers
Get attribute of selected option jquery
Javascript jQuery
0 vote332 views1 answer
Jquery append text for 5 seconds
Javascript jQuery
10 votes329 views6 answers
Jquery scroll to top of div
Javascript jQuery
26 votes354 views6 answers
Reset form jquery
Javascript jQuery
7 votes304 views5 answers
Jquery trigger change event
Javascript jQuery
0 vote342 views1 answer
How to add jquery to an html css and javascript project
Javascript jQuery
2 votes352 views2 answers
JQuery onclick not working
Javascript jQuery
1 vote345 views2 answers
Jquery detect change in textarea content
Javascript jQuery
0 vote349 views1 answer
Use jquery in project using NPM
Javascript jQuery