Javascript-форум - Новый input при выборе определенного option

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>