将动态输入字段插入数据库

时间:2015-04-15 08:33:57

标签: php jquery mysql

我已成功添加&删除动态输入字段。但是,我在插入输入字段时遇到了问题。值到我的数据库中。对此的任何意见将不胜感激。谢谢。

输入字段

    <div id = "container"> 
        <p class = "origin-box">
            <label for = "Origin">From <span class = "box-number1">:</span></label>
            <input type = "text" name = "Origin" value = "" id = "Origin"/>
             <a class = "add-box" href = "#" name = "addBox"><img src = "Add Button.png" width = "35" height = "35" hspace = "20" vspace = "10" align = "middle"/></a>
        </p>

        <p class = "destination-box">
            <label for = "Destination">To <span class = "box-number2">:</span></label>
            <input type = "text" name = "Destination" value = "" id = "Destination"/>
        </p>
    </div>

用于动态添加/删除输入字段的JQuery。

<script type="text/javascript">
jQuery(document).ready(function($){
var counter = 1;
var max_fields = 10;
$('.my-form .add-box').click(function(e){
    e.preventDefault();
    if (counter < max_fields){
        counter++;
        $('#container').append(
            '<div><strong>Link #' + counter + '</strong><br />' 
            + '<input id="field_' + counter + '" name="fields[]' + '" type="text" placeholder = "From" /><a href = "#" class = "remove-box"><img src = "Remove Button.png" height = "35" width = "35" align = "middle"/></a></div><br />' );
    }
});

$('.my-form').on('click', '.remove-box', function(e){
    $(this).parent().css( 'background-color', '#FF6C6C' );
    $(this).parent().slideUp("fast","linear", function() {
        e.preventDefault();
        $(this).closest('div').remove();    //$(this) references the closest <div>
        counter--;
    });
    return false;
});
});
</script>

点击“提交”按钮后。

<p><input id = "btnSubmit" type = "submit" name= "submit" value = "Submit" /></p>

用于将数据插入数据库表的SQL语句。

if(isset($_POST['btnSubmit'])){
     //create instance of database class
$db = new mysqldb();
$db->select_db();
//Check if user has actually added additional fields to prevent a php error
if ($_POST['fields']) {

    //get last inserted userid
    $inserted_user_id = $db->last_insert_id();

    //Loop through added fields
    foreach ( $_POST['fields'] as $key=>$value ) {

        //Insert into transport table
        $sql_transport = sprintf("INSERT INTO tbl_transport (Origin) VALUES ('%s')",
            mysql_real_escape_string($value));  
        $result_transport = $db->query($sql_transport);
        $inserted_transport_id = $db->last_insert_id(); 

        //Insert into mainclaim table
        $sql_mainclaim = sprintf("INSERT INTO tbl_mainclaim (transportID) VALUES ('%s')",
                               mysql_real_escape_string($inserted_transport_id));  
        $result_mainclaim = $db->query($sql_mainclaim);
    }
} else {    
    //No additional fields added by user
}
//disconnect mysql connection
$db->kill();
}

1 个答案:

答案 0 :(得分:0)

你的

if(isset($_POST['btnSubmit'])){
    //Other code
}

应该是

if(isset($_POST['submit'])){ 
    //Other code
}

由于POST值是通过输入名称而不是输入ID

找到的