jQuery多个下拉表单

我正在制作一个从下拉列表中显示产品选项的表单。在该表单数据中有另一个下拉列表，选中该下拉列表时将显示一个附加字段。如果选择了油箱1，则显示文本区域的选项起作用，但是在油箱2和油箱3中，文本区域下拉列表不起作用

<select id="tank-select">
  <option>Select One</option>
  <option value="tank-1">Tank1</option>
  <option value="tank-2">Tank2</option>
  <option value="tank-3">Tank3</option>
</select>

<div id="tank-1" class="tank">
  <h3>Tank 1</h3>
  <div class="option1">
    <select>
    <option value="no">No</option>
    <option value="yes">Yes</option>
    </select>
  </div>
  <div class="option2">
    <textarea></textarea>
  </div>
</div>

<div id="tank-2" class="tank">
  <h3>Tank 2</h3>
  <div class="option1">
    <select>
      <option value="no">No</option>
      <option value="yes">Yes</option>
    </select>
  </div>
  <div class="option2">
    <textarea></textarea>
  </div>
</div>

<div id="tank-3" class="tank">
  <h3>Tank 3</h3>
  <div class="option1">
    <select>
      <option value="no">No</option>
      <option value="yes">Yes</option>
    </select>
  </div>
  <div class="option2">
    <textarea></textarea>
  </div>
</div>

jQuery(document).ready(function($) {
  // Tank select function for product page
  $("#tank-select").change(function() {
    $(this).find("option:selected").each(function() {
      var optionValue = $(this).attr("value");
      if (optionValue) {
        $(".tank").not("#" + optionValue).hide();
        $("#" + optionValue).show();
      } else {
        $(".tank").hide();
      }
    });
  }).change();

  // Tank addon function to show/hide bung fitting locations
  $(".option2").css("display", "none");
  $(".option1 select").change(function() {
    if ($('.option1 select').val() == "yes") {
      $(".option2").slideDown("fast"); //Slide Down Effect
    } else {
      $(".option2").slideUp("fast"); //Slide Up Effect
      $('.option2 textarea').val('');
    }
  })
});  

选择一个
坦克1
坦克2
坦克3
油箱1
不
对
坦克2
不
对
坦克3
不
对
jQuery（文档）.ready（函数（$）{
//产品页面的油箱选择功能
$（“#油箱选择”）.更改（函数（）{
$（this）.find（“选项：选中”）.each（函数（）{
var optionValue=$（此）.attr（“值”）；
如果（选项值）{
$（“.tank”）.not（“#”+optionValue）.hide（）；
$（“#”+optionValue）.show（）；
}否则{
$（“.tank”）.hide（）；
}
});
}).change（）；
//显示/隐藏塞子配件位置的油箱附加功能
$（“.option2”）.css（“显示”、“无”）；
$（“.option1选择”）.change（函数（）{
如果（$（'.option1 select'）.val（）=“是”）{
$（“.option2”）.slideDown（“快速”）；//向下滑动效果
}否则{
$（“.option2”）.slideUp（“快速”）；//向上滑动效果
$（'.option2 textarea'）.val（''）；
}
})
});  

---

我也有一个用于测试的工具。

好的，我为需要类似工具的其他人提供了这个工具：

jQuery(document).ready(function($) {
  // Tank select function for product page
  $("#tank-select").change(function() {
    $(this).find("option:selected").each(function() {
      var optionValue = $(this).attr("value");
      if (optionValue) {
        $(".tank").not("#" + optionValue).hide();
        $("#" + optionValue).show();
      } else {
        $(".tank").hide();
      }
    });
  }).change();

  $(".option2").hide();
    $('.option1 select').change(function () {
        $(this).closest('.tank').find('.option2').toggle((this.value == 'yes'));
    });
});

---

以下是更新后的

不确定我的问题为什么被否决？