Re: Form Elements - user adding dynamically
| From: | Marek Kilimajer | Date: | Tue, 17 Jun 2003 14:17:44 +0000 |
| Subject: | Re: Form Elements - user adding dynamically | ||
| References: | 1 | Groups: | php.general |
| Request: | Send a blank email to php-general+get-151834@lists.php.net to get a copy of this message | ||
You can use DOM:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<title>Any number you like</title>
<script language="JavaScript1.2">
function newNumber(f) {
var newfile=document.createElement("input");
newfile.setAttribute("type","text");
newfile.setAttribute("name","number[]");
f.appendChild(newfile);
}
</script>
</head>
<body>
<pre>
<?php
print_r($_POST);
?>
</pre>
<form action="subory.php" method="post" enctype="multipart/form-data">
<input type="submit">
<input type="button" value="More" onClick="newNumber(this.form);">
</form>
</body>
</html>
Nelson Goforth wrote:
I'm constructing an HTML form (via PHP) in which I want the user to be able to add or delete elements as needed. For instance, in a page detailing user information, the user might have one phone or several. Rather than having a set number of slots for phone numbers I'd have one slot and have a button by which the user could add a slot. The user could also delete a number in a similar manner. The design goal is something like Apple's iTools web page construction tool. Beside each slot is a "-" and a "+" to delete that slot or to add another one just under the existing slot. I've got something worked out that is beginning to work, but I wondered if anyone on the list had faced a similar problem or knows of an example script that handles a problem like that. Thanks, Nelson