javascript - 如何使用 jQuery 隐藏/显示 'div'？

Question

如何根据用户在下拉框中的选择显示文本框？

<select name="sites" id="select5" required="yes">
  <?php
   for($i=0;$i<=128;$i++){
     echo "<option>".$i."</option>";
   }                               
  ?>
</select>

<div id="YES"> 
 Other: <input class="input-text" type="text" name="name"/>
</div>

如果用户选择 1 - 文本框将不会显示。那么如果用户选择超过 2 个 -> <div id="YES">将显示。

这是我的 jQuery:

<script type="text/javascript">
    $(document).ready(function(){
    $('#YES').hide();
    $("#select5").change(function(){
            $('#YES').hide('slow');
            $("#" + this.value).show('slow');
    });
    });
</script>

有什么建议吗？

Answer 1

您可以根据选择的值调用隐藏/显示

$(document).ready(function () {
    $('#YES').hide();
    $("#select5").change(function () {
        $('#YES')[this.value > 1 ? 'show' : 'hide']('slow');
    });
});

演示:Fiddle