Есть простой список select
с 3-мя пунктами:
1
2
3
Если выбрал 1й пункт из drop down list
то ниже <br/><br/>
появился один textbox, если выбрал 2й то тоже самое, но если выбрал 3й то появились 3 подряд textbox, как это сделать, что-то не понимаю(( как-то через .js
реализовать? Такое динамическое изменение..
function SelectedItemFromDropDownListToBlock(e)
{
var selOpt = document.getElementById("ItemNameFromDropDownList");
var result=e.options[e.selectedIndex].value;
if(result>0)
{
var selectedItem=e.options[e.selectedIndex].text;
ItemNameFromDropDownList.innerHTML=selectedItem;
}
}
//здесть jquery
$(document).on('change', '#selectOptions', function()
{
var id = $(this).val();
$('.tt').hide();
if (id == '3')
{
$('.tt').show()
}
else
{
$('.textbox_' + id).show()
}
})
<select id="selectOptions" name="selectOptions">
<option value="" disabled selected>Выбрать из списка</option>
<option value="1">Первый</option>
<option value="2">Второй</option>
<option value="3">Третий</option>
</select>
<div class="alltextbox">
<div class="tt textbox_1"><input type="text" name="textbox1" placeholder="textbox 1"></div>
<div class="tt textbox_2"><input type="text" name="textbox2" placeholder="textbox 2"></div>
<div class="tt textbox_3"><input type="text" name="textbox3" placeholder="textbox 3"></div>
</div>