Javascript 删除从另一个下拉菜单中选择的下拉值

我在网上搜索了一段时间，仍然找不到答案，我的网站上有三个下拉菜单

我使用它们来接受用户偏好，这样用户就可以控制结果的输出

所以我想知道，如果在一个下拉列表中选择了该值，是否可以从其他两个下拉列表中提取该值

例如，如果用户在第一部电影中选择电影，则其他电影中不会选择。

这是我的下拉列表

<select id="pref1select">
<option value="P">Preference One</option>
    <option value="M">Movie</option>
    <option value="T">Tv</option>
    <option value="G">Games</option>
</select>
<select id="pref2select">
<option value="P">Preference Two</option>
    <option value="M">Movie</option>
    <option value="T">Tv</option>
    <option value="G">Games</option>
</select>
<select id="pref3select">
<option value="P">Preference Three</option>
    <option value="M">Movie</option>
    <option value="T">Tv</option>
    <option value="G">Games</option>
</select>

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏

鉴于上面的

HTML

，我相信这样做可以达到目的：

var $selects = $("select");

$selects.on("change", function(){
    var value = this.value;

    $("option[value='" + value +"']", $selects).prop("disabled", true);    
});

var$selects=$（“select”）；
$selects.on（“更改”，函数（）{
var值=此值；
$（$option[value='“+value+']”，$selects.prop（“disabled”，true）；
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
鉴于上面的
HTML
，我相信这样做可以达到目的：

var $selects = $("select");

$selects.on("change", function(){
    var value = this.value;

    $("option[value='" + value +"']", $selects).prop("disabled", true);    
});


var$selects=$（“select”）；
$selects.on（“更改”，函数（）{
var值=此值；
$（$option[value='“+value+']”，$selects.prop（“disabled”，true）；
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
鉴于上面的
HTML
，我相信这样做可以达到目的：

var $selects = $("select");

$selects.on("change", function(){
    var value = this.value;

    $("option[value='" + value +"']", $selects).prop("disabled", true);    
});


var$selects=$（“select”）；
$selects.on（“更改”，函数（）{
var值=此值；
$（$option[value='“+value+']”，$selects.prop（“disabled”，true）；
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
鉴于上面的
HTML
，我相信这样做可以达到目的：

var $selects = $("select");

$selects.on("change", function(){
    var value = this.value;

    $("option[value='" + value +"']", $selects).prop("disabled", true);    
});


var$selects=$（“select”）；
$selects.on（“更改”，函数（）{
var值=此值；
$（$option[value='“+value+']”，$selects.prop（“disabled”，true）；
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
这将禁用它，但不会删除它。

小提琴：

HTML：（添加了
.preferenceSelect
class）和
jQuery
：


$（文档）.ready（函数（）{
$（“.preferenceSelect”）.change（函数（）{
//获取所选的值
var selected=$（“选项：selected”，$（this））.val（）；
//获取此元素的ID
var thisID=$（this.prop（“id”）；
//重置，使所有值都显示：
$（“.preferenceSelect选项”）。每个（函数（）{
$（此）.prop（“已禁用”，false）；
});
$（“.preferenceSelect”）.each（函数（）{
if（$（this.prop（“id”）！=thisID）{
$（“选项[value=”+“selected+”]，$（this））.prop（“disabled”，true）；
}
});
});
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
这将禁用它，但不会删除它。

小提琴：

HTML：（添加了
.preferenceSelect
class）和
jQuery
：


$（文档）.ready（函数（）{
$（“.preferenceSelect”）.change（函数（）{
//获取所选的值
var selected=$（“选项：selected”，$（this））.val（）；
//获取此元素的ID
var thisID=$（this.prop（“id”）；
//重置，使所有值都显示：
$（“.preferenceSelect选项”）。每个（函数（）{
$（此）.prop（“已禁用”，false）；
});
$（“.preferenceSelect”）.each（函数（）{
if（$（this.prop（“id”）！=thisID）{
$（“选项[value=”+“selected+”]，$（this））.prop（“disabled”，true）；
}
});
});
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
这将禁用它，但不会删除它。

小提琴：

HTML：（添加了
.preferenceSelect
class）和
jQuery
：


$（文档）.ready（函数（）{
$（“.preferenceSelect”）.change（函数（）{
//获取所选的值
var selected=$（“选项：selected”，$（this））.val（）；
//获取此元素的ID
var thisID=$（this.prop（“id”）；
//重置，使所有值都显示：
$（“.preferenceSelect选项”）。每个（函数（）{
$（此）.prop（“已禁用”，false）；
});
$（“.preferenceSelect”）.each（函数（）{
if（$（this.prop（“id”）！=thisID）{
$（“选项[value=”+“selected+”]，$（this））.prop（“disabled”，true）；
}
});
});
});

首选项
电影
电视
游戏
偏好二
电影
电视
游戏
偏好三
电影
电视
游戏
这将禁用它，但不会删除它。

小提琴：

HTML：（添加了
.preferenceSelect
class）和
jQuery
：


$（文档）.ready（函数（）{
$（“.preferenceSelect”）.change（函数（）{
//获取所选的值
var selected=$（“选项：selected”，$（this））.val（）；
//获取此元素的ID
var thisID=$（this.prop（“id”）；
//重置，使所有值都显示：
$（“.preferenceSelect选项”