1. При нажатии на кнопку AddNewOpt, добавляются такие же поля из формы, но почему-то для input добавляется какая-то фигня - " tcalInput"
Правильно:
<input class="tcal" name="user_priem" pattern="..."></p>
Не правильно:
<input class="tcal tcalInput" name="user_priem" pattern="..."></p>
2. Как сделать, чтобы при выборе определенного option в user_univer(например value: 7) появлялся input text? При выборе другого option (не 7) не показывался.
3. При выборе user_type_univer подтягиваются данные в user_univer. Все работает, но когда выбираешь пустой user_type_univer, user_univer не удаляется. Как его очистить?
<div id="Template">
<p>Образование
<select name="user_type_univer" onChange="js_university(this.value, document.user_form.user_univer)">
<option></option>
<option value="0">Среднее</option>
<option value="1">Высшее</option>
</select></p>
<p>Наименование учебного заведения
<select name="user_univer">
<option></option>
</select></p>
<p>Год окончания
<input class="tcal" name="user_priem" pattern="..." /></p>
<p>Год поступления
<input class="tcal" name="user_postyplenie" pattern="..." /></p>
</div>
<input type='button' value='Add' onclick="AddNewOpt()">
<span name='placeHolder' id='placeHolder'></span>
<script type="text/javascript">
var i = 2;
function AddNewOpt()
{
var htm = document.getElementById('Template').innerHTML
.replace(/user_univer/g, "$&"+i)
.replace(/user_type_univer/g, "$&"+i)
.replace(/user_priem/g, "$&"+i)
.replace(/user_postyplenie/g, "$&"+i);
$(".formStr").append($(htm));
i++;
}
</script>
<script>
function js_university(name, ctrl)
{
document.user_form.user_univer.innerHTML="";
if(name == 1)
{
ctrl.options[0]=new Option("...", 1);
ctrl.options[1]=new Option("...", 2);
}
if(name == 0)
{
ctrl.options[0]=new Option(...", 7);
ctrl.options[1]=new Option("...", 8);
}
}
</script>