ظاهر شدن تعدادی textbox بصورت کشویی

[f_g1348]

سلام
دوستان من یک dropdownlist درون صفحم دارم که با مقادیر 1 تا 6 پر شده حالا می خوام وقتی مثلاً 3 انتخاب شد ، بصورت کشویی 3 تا textbox برام ظاهر بشن .( منظور اینه که مثلاً یه کادری بصورتی افقی یا عمودی در زیر dropdownlist باز بشه که شامل اون تعداد textbox باشه

[Freedon_23]

سلام
این کد رو امتحان کنید فکر کنم اون چیزی هست که دنبالش هستید :)
jQuery(document).ready(function() {
jQuery('select.drop').on('change', function() {
var val = Number(jQuery(this).val());
for (i = 0; i < val; i++) {
jQuery('div.append').append('<input type="text" name="input'+i+'" value="value'+i+'" />');
}
})
});



<div class="append"></div>
<select class="drop">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>

<div class="append"></div>

[f_g1348]

نه دوست عزیز کار نمیکنه
در این مثال من 5 تا textbox دارم که در ابتدا مخفی هستند و با انتخاب هر کدام از مقادیر درون dropdown به همان تعداد textbox نمایان بشه

[Freedon_23]

ببینید این طوری می خواستید:
jQuery('input#hidden').css('display', 'none');
jQuery('select.drop').on('change', function() {
var val = Number(jQuery(this).val());
for (i = 1; i <= val; i++) {
//jQuery('div.append').append('<input type="text" name="input'+i+'" value="value'+i+'" />');
jQuery('input.input'+i).css('display', 'block');
}
})


<select class="drop">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<input id="hidden" type="text" name="" class="input1" />
<input id="hidden" type="text" name="" class="input2" />
<input id="hidden" type="text" name="" class="input3" />
<input id="hidden" type="text" name="" class="input4" />
<input id="hidden" type="text" name="" class="input5" />
<input id="hidden" type="text" name="" class="input6" />