Comment activer / désactiver les options dans Select Box using jquery

J'ai une boîte de sélection qui contient les options et optgroup qui sont générées dynamiquement à l'aide de php.Maintenant, quand je sélectionne "TOUS les" tous les autres optgroupoptions doit être désactivé et quand je vous sélectionnez une option autre que "TOUT le" TOUT " option doit être désactivée

<select name="select1" id ="select1" onchange="handleSelect()">
    <option value ="-1">ALL</option>
    <optgroup label="CARS">
        <option value="ford">FORD</option>
        <option value="Nissan">Nissan</option>
    </optgroup>
</select>
<script>
    function handleSelect() {
        var selectVal = $("#select1:selected").text();
        if (selectVal == "ALL") {
            //cannot disable all the options in select box
            $("#select1  option").attr("disabled", "disabled");
        }
        else {
            $("#select1 option[value='-1']").attr('disabled', 'disabled');
            $("#select1 option").attr('disabled', '');
        }
    }
</script>

Comment puis-je faire ce travail?

source d'informationauteur Someone