Question

老实说，我不是Java语言专家。我要实现的是根据“第一个下拉菜单”中的选择停用第二个下拉菜单中的一个或多个<option>

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

<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>

我想要实现的是：

如果选择了类别1->停用了标签3，标签4，标签5，标签6

我尝试过：

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

Answer 1

您的JavaScript代码无法正常工作，因为过滤检查了错误的值。应该是：

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

您可能想在标签选项中使用数据标签来指定应针对哪些类别启用/禁用数据标签，因此类别和标签之间的链接并不固定。

如果选择<选项>，则在另一个下拉列表中停用一个或多个<选项>

1 个答案: