Доргие друзья. Здравствуйте.
Собственно есть замечательный скрипт. Скрипт добовляет поле<input> при нажатии на ссылку в <div id="parentId">... Кто знает как заставить скрипт все эти действия проводить
НЕ при нажатии на
onclick="return addField()" ,
а именно при загрузки страницы где находится сам скрипт и див. Без этих там алертов проверки текущего значение числа полей и тд... это лишнее конечно.
Т.е. прмерно так
<html>
<head>
<title>Страница</title>
</head>
<body>
<div id="parentId">
<div>
<input type="text" id="siF8" class="manFlaCity" name="city" size="20" style="width:100%;" value="" maxlength="50" placeholder="Укажите ваш город"/>
</div>
</div>
</body>
</html>
Помогите с решением новичку. Заранее благодарен.
сам скрипт:
<script>
var countOfFields = 1; // Текущее число полей
var curFieldNameId = 1; // Уникальное значение для атрибута name
var maxFieldLimit = 2; // Максимальное число возможных полей
function addField() {
// Проверяем, не достигло ли число полей максимума
if (countOfFields >= maxFieldLimit) {
alert("Число полей достигло своего максимума = " + maxFieldLimit);
return false;
}
// Увеличиваем текущее значение числа полей
countOfFields++;
// Создаем элемент ДИВ
var div = document.createElement("div");
// Добавляем HTML-контент с пом. свойства innerHTML
div.innerHTML = "<input type=\"text\" id=\"siF8\" class=\"manFlaCity\" name=\"city\" size=\"20\" style=\"width:100%;\" value=\"\" maxlength=\"50\" placeholder=\"Укажите ваш город\"/>";
// Добавляем новый узел в конец списка полей
document.getElementById("parentId").appendChild(div);
return false;
}
</script>
<div id="parentId">
</div>
<a onclick="return addField()" href="#">Добавить поле</a>