JavaScript隐藏具有特定分隔符的对应字段

我想隐藏下拉列表中相应的textarea字段，它将在许多实例中使用，这就是为什么我希望在函数中使用它

<div id="formElement1" class="field">
    <label for="field1">Start and end date defined</label>
    <select id="field1" name="campaign-dd1">
      <option value="" >Please Select</option>
      <option value="Yes" >Yes</option>
      <option value="No" >No</option>
      <option value="N/A" >N/A</option>
    </select>
</div>
<div class="clear"></div>
<div id="formElement2" class="field">
    <label for="field2">Comment(s)</label>
    <textarea id="field2" name="campaign-comment1" ></textarea>
</div>
<div id="formElement3" class="field">
    <label for="field3">Content and workflow are compliant to requirements</label>
    <select id="field3" name="campaign-dd2">
      <option value="" >Please Select</option>
      <option value="Yes" >Yes</option>
      <option value="No" >No</option>
      <option value="N/A" >N/A</option>
    </select>
</div>
<div class="clear"></div>
<div id="formElement4" class="field">
    <label for="field4">Comment(s)</label>
    <textarea id="field4" name="campaign-comment2" ></textarea>
</div>
<div id="formElement5" class="field">
    <label for="field5">Flow working as planned</label>
    <select id="field5" name="campaign-dd3">
      <option value="" >Please Select</option>
      <option value="Yes" >Yes</option>
      <option value="No" >No</option>
      <option value="N/A" >N/A</option>
    </select>
</div>
<div class="clear"></div>
<div id="formElement6" class="field">
    <label for="field6">Comment(s)</label>
    <textarea id="field6" name="campaign-comment3" ></textarea>
</div>

---

正如您在代码中所看到的，下拉名称=活动dd有一个特定的textarea名称=活动注释。

添加更有意义的类会更容易，但您可以根据指定给select的名称构造textarea的名称，以隐藏它等

$'.字段选择'.在'change'上，函数{ var parts=this.name.split'-'； var numb=零件[1]。替换/\D/g； $'[name='+parts[0]+'-注释'+numb+']'。切换this.value！=='Yes' }; 选择“是”以隐藏注释 定义了开始和结束日期 请选择 对 不 不适用 评论 内容和工作流程符合要求 请选择 对 不 不适用 评论 流程按计划运行 请选择 对 不 不适用 评论

---

在初始载荷下。我想把它藏起来。并在选择“是”后显示

在本例中，您可以在包含注释字段的所有.field元素上放置一个公共类，在下面的示例中，我使用了.comment并将它们隐藏在CSS中。然后在JS中，您可以在select元素上放置一个更改事件处理程序，该处理程序根据所选选项显示/隐藏相关的注释字段。试试这个：

$'select'.change函数{ $this.closest'.field'.nextAll'.field:first'.toggle$this.val=='Yes'； }; .field.comment{ 显示：无； } 定义了开始和结束日期 请选择 对 不 不适用 评论 内容和工作流程符合要求 请选择 对 不 不适用 评论 流程按计划运行 请选择 对 不 不适用 评论

---

在什么情况下要显示或隐藏注释字段？初始加载时。我想把它藏起来。并在选择“是”后显示。您好。我想在初始加载时隐藏它，并在选择“是”后显示。