Javascript 如果选择了，则在另一个下拉列表中停用一个或多个

老实说，我不是Javascript专家。我想要实现的是根据第一个下拉列表中的选择在第二个下拉列表中停用一个或多个

我在这里检查了很多其他答案，但我无法使它们适应我的代码

<select name="ptp_filter_doc_category" data-column="doc_category" data-tax="doc_category" data-search-column="doc_category_hfilter" aria-label="Category">
  <option value="">Category</option>
  <option value="category-one">Category 1</option>
  <option value="category-two">Category 2</option>
</select>

<select name="ptp_filter_tag_one" data-column="tag_one" data-tax="tag_one" data-search-column="tag_one_hfilter" aria-label="Tag 1">
  <option value="">Tag</option>
    <option value="tag-1">Tag 1</option>
    <option value="tag-2">Tag 2</option>
    <option value="tag-3">Tag 3</option>
    <option value="tag-4">Tag 4</option>
    <option value="tag-5">Tag 5</option>
    <option value="tag-6">Tag 6</option>
 </select>

---

您的javascript代码将无法工作，因为筛选会检查错误的值。应该是：

如果$'option[value=category one].prop'selected'，则为true{ $'option[value=tag-3]'。prop'disabled'，true； }

---

您可能希望在标记选项中使用数据标记来指定应启用/禁用哪些类别，因此类别和标记之间的链接不是固定的。

到目前为止您尝试了什么？你被卡在哪里了？堆栈溢出不是代码编写服务；请在你的问题正文中提供答案。请注意，这两个类别都被命名为第一类。如果使用该名称，切换类别时将看不到更改。@Arjan刚刚更正@我编辑了我的帖子

if ($('option[value=category-1]').prop('selected', true)) {
  $('option[value=tag-3]').prop('disabled', true);
}