How do I setup nested repeatable option fields?

Not a direct answer to your specific case but this will probably help you figure out how to do it.

I found an article here: http://www.sutanaryan.com/jquery-duplicate-fields-form-submit-with-php/ which details the process of posting fields which can be repeated using jQuery.

In his example he creates an HTML form:

<form action="process.php" method="post">
    <p class="clone">
        <label> Name: </label>
        <input type="text" name="name[]" />
    </p>
    <p><a href="#" class="name" rel=".clone">Add Name</a></p>
    <p><input type="submit" value="Submit" /></p>
</form>

and sets it repeatable:

$(document).ready(function(){
    var removeName="<a href="#" onClick="$(this).parent().slideUp(
    function(){$(this).remove()}); return false">remove</a>";
    $('a.name').relCopy({append:removeName});
});

and loops thru each field until there are 0 fields left to loop thru, saving each field to a table within the database.

$names=$_POST['name'];

if(isset($names)) {
    foreach($names as $name) {
        if(strlen($name)>0) {
            $sql=mysql_query("INSERT INTO tbl_name(name) VALUES ('$name')");
        } else {
            echo 'Oops no value to be inserted.';
        }
    }
}

Searching further I found another article which details a similar process here: I just skimmed it right now but am bookmarking it to read tomorrow.

http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/

Related Posts: