Question

所以我有一个制作动态表单内容的脚本，每个输入的名称都是“field-1”，“field-2”等，直到最后一个输入由脚本创建。

如何保存表格中的表格？

我只知道如何以传统方式执行此操作，您可以使用5个静态输入并为其提供静态名称和ID，然后使用post或get go表示mysql_query。

但在我的情况下，输入范围可以是3到200个输入。并且每个都有类似的名称/ id“field + num ++”

我的HTML代码：

<form id="myForm">

我的JS代码将附加到我的HTML表单：

var $int = $('div.int');
$int.html(function(i, html) {
    return html.replace(/(\d+)(.+)/,function(str,s1,s2){
        var text = s2.split('.');
        var text2 = text[1].split('-');
        var text3 = text2[1].split(' ');
        return '<input class="r" name="scene-"' + s1 + ' value="'+ s1.replace(/^\s*/, '').replace(/\s*$/, '') +'" />' +
        '<input class="r" name="int_ext-"' + s1 + ' value="'+ text[0].replace(/^\s*/, '').replace(/\s*$/, '') +'" />' +
        '<input class="r" name="scene_desct-"' + s1 + ' value="'+ text2[0].replace(/^\s*/, '').replace(/\s*$/, '') +'" />' +
        '<input class="r" name="day_night-"' + s1 + ' value="'+ text3[1].replace(/^\s*/, '').replace(/\s*$/, '') +'" />';
    });
});

我的HTML代码：

<input type="submit" value="Submit" />
</form>

示例输出是：

<input type="text" class="r" name="scene-1" value="1" />
<input type="text" class="r" name="int_ext-1" value="INT" />
<input type="text" class="r" name="scene_desct-1" value="Bedroom" />
<input type="text" class="r" name="day_night-1" value="DAY" />

<input type="text" class="r" name="scene-2" value="2" />
<input type="text" class="r" name="int_ext-2" value="EXT" />
<input type="text" class="r" name="scene_desct-2" value="Outside" />
<input type="text" class="r" name="day_night-2" value="DAY" />

<input type="text" class="r" name="scene-3" value="3" />
<input type="text" class="r" name="int_ext-3" value="INT" />
<input type="text" class="r" name="scene_desct-3" value="Bedroom" />
<input type="text" class="r" name="day_night-3" value="DAY" />

<input type="text" class="r" name="scene-4" value="4" />
<input type="text" class="r" name="int_ext-4" value="EXT" />
<input type="text" class="r" name="scene_desct-4" value="Bedroom" />
<input type="text" class="r" name="day_night-4" value="NIGHT" />

...

more are created on the fly with the script, this can make like 300 sets of these 4 inputs

然后我想做类似

的事情

mysql_query("INSERT INTO `table` (`scene_num`, `int_ext`, `scene_desct`, `day_night`) VALUES ('{$scene}', '{$int_ext}', '{$scene_desct}', '{$day_night}')");

Answer 1

这是一个很酷的技巧，你可以用HTML做。像这样设置输入：

<input name="dynamic[]" value="fish" />
<input name="dynamic[]" value="cat" />
<input name="dynamic[]" value="dog" />
<input name="dynamic[]" value="moose" />

在PHP中，你可以这样访问它们：

<?php
foreach($_POST['dynamic'] AS $key => $value) {
    doSomethingWith($value); # fish, cat, dog, moose
}
?>

Answer 2

据我所知，您有一个脚本可以创建带有名称的输入字段，并且您希望将所有字段发布到服务器。你可以使用jQuery的ajax post方法。检查代码。

$.ajax({
    type: 'POST', // we will post something
    dataType: 'json', // and we want to catch the server response as json
    url: 'yourPostUrl', // write your post url here
    data: $('#myForm').serialize(), // give an id to your form and serialize it. this will prepeare the form fields to post like &field1=lol&field2=lollol ...
    success: function(data) { // data will give you server request as json
        // do your stuff in here, for an example show an alert, says everyting is OK
        alert(data.message); // consider your reply has a message 
    },
    failure: function (data) {
        // handle your Ajax request's failure in here
        alert('Please try again');
    }
})

我想，这会用于你。

如何使用查询将动态表单数据从javascript保存到数据库

2 个答案: