[kzn]

Доброго времени суток!
Прошу помочь новичку с вопросами, а именно:
Есть коды:

<div class= "form-group" ng-class="{error: myForm.type.$invalid}">
            <label> ОПФ </label>
            <div>
								<select class="form-control" onChange="Selected(this)" ng-model="agent.type" placeholder="Выберите ОПФ" name="type" required/>
									<option value="ИП">ИП</option>
									<option value="ЮЛ">ЮЛ</option>
								</select>
                <span ng-show="myForm.type.$dirty && myForm.type.$invalid" class="help-inline">Выберите ОПФ</span>
            </div>
        </div>

<div class= "form-group" id="innblock" ng-class="{error: myForm.inn.$invalid}">
            <label> ИНН </label>
            <div>
                <input name="inn" id="iinn" pattern="\d+" ng-model="agent.inn" type= "text" class= "form-control" maxlength="12" placeholder="ИНН" required/>
                <span ng-show="myForm.inn.$dirty && myForm.inn.$invalid" class="help-inline">Введите ИНН</span>
            </div>
        </div>

Как заменить значение атрибута, например maxlength чтобы было 10?
Пытался через функцию:

<script type="text/javascript">
      function Selected(a) {
				var label = a.value;
				if (label=="ИП") {
					document.getElementById("iinn").maxlength="12";
				} else {
					document.getElementById("iinn").maxlength="10";
				}
			}
    </script>

А вообще идея менять значения атрибутов, включать-выключать атрибуты(required disabled) в зависимости от условия выбора из select. Это возможно?
еще пробовал так:

<script type="text/javascript">
      function Selected(a) {
				var label = a.value;
				var ell = document.querySelector("div.form-group input[name=inn]");
				if (label=="ИП") {
					ell.maxlength="12";
				} else {
					ell.maxlength="10";
				}
			}
    </script>

и никак
возможно поменять только disabled.
Кстати, disabled влияет на required? т.е. если тег disabled, атрибут required должен выключится или нет?
У меня не выключается...