| |
|
|
| | Вот код и он работает:
<html>
<head>
<title>Динамическое добавление группы полей по желанию пользователя</title>
<script language="JavaScript">
var items=1;
function AddItem() {
div=document.getElementById("items");
button=document.getElementById("add");
items++;
newitem="<strong>Предмет </strong>";
newitem+="<input type=\"text\" name=\"qty" + items;
newitem+="\" size=\"10\"> ";
newitem+="<strong>Описание </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"35\"><br>";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<strong>Предмет</strong> <input type="text" name="qty1" size="10">
<strong>Описание</strong> <input type="text" name="item1" size="35">
<br>
<input type="button" value="Добавить"
onClick="AddItem();" ID="add" class="b">
</div>
</form>
</body>
</html>
|
Мне нужно сделать так, чтобы кнопка добавить срабатывала только если поля заполнены. Если нет то выводила бы alert. КАК ПРОВЕРЯТЬ ЭТИ СТРОКИ???
Подскажите как еще данные input (ы) передать в php переменную. Не знаю может так: <?php $a=?>form1.item1.value... ??? Хотя вряд ли...
Спасибо за ответы. | |
| |
|
|
| |
|
|
| |
для: Вячеслав
(01.05.2007 в 15:18)
| | | >Мне нужно сделать так, чтобы кнопка добавить срабатывала только если поля заполнены. Если нет то выводила бы alert. КАК ПРОВЕРЯТЬ ЭТИ СТРОКИ???
Алгоритм:
if (elem.value.length > 0)
{
//необходимое действие
}
else
{
alert('Error');
}
|
>Подскажите как еще данные input (ы) передать в php переменную. Не знаю может так: <?php $a=?>form1.item1.value... ??? Хотя вряд ли...
<form action="script.php" method="post">
|
теперь в скрипте script.php Вы можете получить значение переданной переменной, например,
<?php
echo $_POST["item1"];
?>
|
| |
| |
|
|
| |
|
|
| |
для: Вячеслав
(01.05.2007 в 15:18)
| | |
<html>
<head>
<title>Динамическое добавление группы полей по желанию пользователя</title>
<script language="JavaScript">
var items=1;
function AddItem() {
formelm = document.forms.form1.elements;
div=document.getElementById("items");
button=document.getElementById("add");
if(!formelm["qty" + items].value || !formelm["item" + items].value)
{
alert('!');
return;
}
items++;
newitem="<strong>Предмет </strong>";
newitem+="<input type=\"text\" name=\"qty" + items;
newitem+="\" size=\"10\"> ";
newitem+="<strong>Описание </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"35\"><br>";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<strong>Предмет</strong> <input type="text" name="qty1" size="10">
<strong>Описание</strong> <input type="text" name="item1" size="35">
<br>
<input type="button" value="Добавить"
onClick="AddItem();" ID="add" class="b">
</div>
</form>
</body>
</html>
|
Жирным выделено то, что добавлено.
По второму вопросу читайте html учебник, тег <form>. | |
| |
|
|
