javascript - 選択タグ フィールドの無効化

Question

選択タグを無効にする方法を理解するのに苦労していますが、選択した値を表示したままにしています。私が見つけた唯一の解決策は、表示すべきでない項目を削除することでした。用途は、ユーザーが新しいアイテムを作成してオプションを選択したときに、作成されたアイテムを表示しているユーザーがそれを変更できないようにすることです。テキスト ボックスをグレー表示にするのは非常に簡単であることがわかりましたが、タグを選択する方法がわかりません。

これは私が現在行っている方法ですが、正確ではありません。このコードは進行に従い、編集者がいる段階に応じてさまざまなオプションを提供するためです。ただし、他の選択肢フィールドはプロセスを通じて変更されません。彼らは創造されていました。

//On item edit, set status to In Progress if in New
    if($("option[value='New']").attr("selected") == "selected"){
        //Disable New/Completed/Cancelled
        $("option[value='New']").remove();
        $("option[value='Completed']").remove();
        $("option[value='Cancelled']").remove();                

        //Enable In Progress
        $("option[value='In Progress']").attr("selected","selected");

        //Call Claim WO Function
        claimOrder();

    }else if($("option[value='In Progress']").attr("selected") == "selected"){
        //Remove New option
        $("option[value='New']").remove();
        $("option[value='In Progress']").remove();
        $("option[value='Completed']").attr("selected","selected");
    }else if($("option[value='Completed']").attr("selected") == "selected"){
        //Remove New/In Progress option when Completed/Cancelled
        $("option[value='New']").remove();
        $("option[value='In Progress']").remove();
        $("option[value='Cancelled']").remove();    
    }else if($("option[value='Cancelled']").is(':selected')){
        //Remove New/In Progress option when Completed/Cancelled
        $("option[value='New']").remove();
        $("option[value='In Progress']").remove();
        $("option[value='Completed']").remove();
    }