Question

我无法弄清楚如何正确地为Google或SO说明这一点。

我有以下HTML：

<select name="howMany" id="amount">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

和3 textareas都设置为display: none;

当选择选项值1时，我希望显示第一个textarea。选择选项值2时，我希望显示textareas 1和2，选择选项值3时需要3个textareas。

我知道如何使用jQuery显示元素。我只是不知道如何开始它。我会使用for循环吗？ .each()或.change()？谢谢大家。

Answer 1

$('select').change(function(){
    $('textarea').hide();
    $('textarea:lt('+$(this).val()+')').show();
})

<强> jsFiddle example

Answer 2

假设textareas具有与值相关的ID ...

$('select#amount').on('change',function(){
   var sel_value = $(this).val();
   $('textarea.description').each(function(){
      if ($(this).is('#'+sel_value)) $(this).show();
      else $(this).hide;
   });
});

显示基于从列表中选择的值的元素数量

2 个答案: