slide从<select>选项中切换字段集？</select>

Question

我想基于使用jQuery在元素中选择的单个选项“slideToggle”一个字段集。源是由框架生成的，此时以下输出是我必须使用的。我想知道如何通过价值来做到这一点。

我希望ID为“切换我”的字段集在选择“Option_2”选项时将显示从无切换到阻止。如果未选中，我希望显示返回无。这是切换字段集的唯一选项。以下是来源。谢谢。

<select name="options" id="id_options">
  <option value="Option_1">Option 1</option>
  <option value="Option_2">Option 2</option>
</select>

<fieldset id="toggle-me" style="display:none">
  <div>
   .....
  </div>
</fieldset>  

Answer 1

您可以通过将事件处理函数绑定到select元素的change事件

来完成此操作

$("#id_options").bind('change', function () {
   if($(this).val() === 'Option_2') {
      $("#toggle-me").show();
   } else {
      $("#toggle-me").hide();
   }
});