onchange dropdownbox在HTML和PHP？

Question

是否有人知道如何使用下拉菜單編寫表單，在選擇下拉選項後，表單將根據所選下拉選項顯示特定佈局？

例如，如果我在下拉列表中選擇4，形式應顯示4名空的文本框，但如果我選擇2，表格將只顯示2

Answer 1

檢查我JSBin！

鑑於一些示例HTML：

<select id='select'> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
<input id='a' class="input" hidden></input> 
<input id='b' class="input" hidden></input> 
<input id='c' class="input" hidden></input> 
<input id='d' class="input" hidden></input> 

您的解決方案可能是這個樣子：

$('#select').change(function (evt) { 
    var no_inputs = $(this).val(); 
    $('.input').each(function (i) { 
    $(this).hide(); 
    if (i < no_inputs) { 
     $(this).show(); 
    } 
    }); 
});