Breaking News: Grepper is joining You.com. Read the official announcement!

how to disable option after select using jquery

Add Answer

Graceful Gharial answered on May 29, 2020 Popularity 10/10 Helpfulness 2/10

answer how to disable option after select using jquery

related jquery disable select

related disable option dropdown jquery

related jquery disable option by value

related how to disable time option in select jquery

related disable select jquery

how to disable option after select using jquery

Comment

//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>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: disable javascript jquery select using

Link to this answer
Share Copy Link

Contributed on Nov 01 2021

Graceful Gharial

0 Answers Avg Quality 2/10

Closely Related Answers

jquery disable select

Comment

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

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: disable

Link to this answer
Share Copy Link

Contributed on May 29 2020

Lazy Locust

0 Answers Avg Quality 2/10

disable option dropdown jquery

Comment

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

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

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: disable

Link to this answer
Share Copy Link

Contributed on Jan 20 2021

Ivan Londono

0 Answers Avg Quality 2/10

jquery disable option by value

Comment

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

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: disable

Link to this answer
Share Copy Link

Contributed on Sep 29 2021

Zany Zebra

0 Answers Avg Quality 2/10

jquery disable option by value

Comment

$("select option[value='"+ $variable + "']").attr('disabled', true);

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: disable

Link to this answer
Share Copy Link

Contributed on Sep 29 2021

Zany Zebra

0 Answers Avg Quality 2/10

how to disable time option in select jquery

Comment

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

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

    
});

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: disable javascript jquery select time

Link to this answer
Share Copy Link

Contributed on Nov 19 2020

Attractive Angelfish

0 Answers Avg Quality 2/10

disable select jquery

Comment

// Disable selection using jQuery
$(document).ready(function() {
  // Disable text selection for the entire document
  $(document).on("selectstart", function() {
    return false;
  });

  // Disable text selection for a specific element with class 'my-element'
  $('.my-element').on("selectstart", function() {
    return false;
  });
});

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

how to disable option after select using jquery

Contents

More Related Answers

how to disable option after select using jquery

Closely Related Answers

jquery disable select

disable option dropdown jquery

jquery disable option by value

jquery disable option by value

how to disable time option in select jquery

disable select jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.