Javascript 使用jquery禁用基于选定值的下拉选项

我有一个下拉列表，其中包含如下值，如fb测试、fb测试、tw测试、tw测试。我正试图通过以下方式禁用这些选项

当用户从下拉列表中选择fb测试时，fb测试应禁用。 当用户选择tw测试或tw测试时，包含“tw”的选项应禁用。 这是我正在使用的HTML标记：

<select id="wpri-profile">
    <option value="0">--Select--</option>
    <option value="fb-test">fb-test</option>
    <option value="fb-testing">fb-testing</option>
    <option value="tw-test">tw-test</option>
    <option value="tw-testing">tw-testing</option>                  
</select>

更新

输入[value*=tw]它将匹配从tw开始的所有值

$'wpri-profile'。在'change'上，函数{ $this.find'option'。prop'disabled'，false； var val=$this.val； var prof=val.split-； alertprof[0]； $this.find'option[value*='+val+']'。prop'disabled'，true； }; -挑选- fb试验 fb测试 tw试验 tw测试

---

使用以选择器^开头的值：

---

试试这个，按照你的期望工作

$'wpri-profile'。在'change'上，函数{ $this.find'option'。prop'disabled'，false； var val=$this.val； var prof=val.split-； //alertprof[0]； $this.find'option[value*='+prof[0]+']'。prop'disabled'，true； }; -挑选- fb试验 fb测试 tw试验 tw测试

---

当选择tw测试时，我也想从选项中禁用tw测试。请帮助我任何解决方案。当选择tw测试时，它不会从选项中隐藏tw测试。请帮帮我。当然，让我检查一下。完成了，请现在检查。

$('#wpri-profile').on('change',function(){
    $(this).find('option').prop('disabled',false);  
    var val = $(this).val();
    var prof = val.split("-");
    alert(prof[0]);
    $(this).find('option[value="'+prof[0]+'"]').prop('disabled',true);
});

$('#wpri-profile').on('change',function(){
   $(this).find('option').prop('disabled',false);  
   var val = $(this).val();
   var prof = val.split("-");

   // starting with selector shall do it
   $(this).find('option[value^="'+prof[0]+'"]').prop('disabled',true);
});