jQuery表单插件 - 循环提交动态输入值

时间:2011-05-12 20:51:42

标签: jquery ajaxform

考虑这个设置:

  • 在页面加载时创建的表单

<form id="mybase64" method="POST"> <input id="basevalue" name="basevalue" type="text" value="" /> </form>

现在我设置了一个循环数组,我从JSON数据创建了这个数组。这些都经过验证,检查并按预期工作。

我现在要做的是遍历数组以获得base64编码的图像。这个我想用PHP解码。为此,我想使用post方法来解决IE浏览器的URl限制。

因此,在我的循环中,我使用jQuery Form插件将#mybase64表单提交到我的PHP文件中。这一切几乎都有效。循环运行,调用PHP文件并在目标元素中更新图像。

问题 - 虽然我使用for循环,并且输入字段的值实际上已更新,但jquery表单仍然在整个循环中提交相同的精确数据,尽管我更新了输入字段的值。 / p>

Heres就是我这样做的方式

for (var i = (JSpage - 1) * 12; i < JSresults; i++) {
    if (!JSON[i].firstname) { var firstName = ' '; } else { var firstName = JSON[i].firstname; }
    if (!JSON[i].lastname) { var lastName = ' '; } else { var lastName = JSON[i].lastname; }
    if (!JSON[i].photo_base64) {
        $('#ECbuttons').append('<li class="clickcontact" id="' + i + '"><img src="design_img/contact-no-image.jpg" /><div>' + firstName + '<br>' + lastName + '</div></li>');
    } else {
        //update input field
        $('#basevalue').val(JSON[i].photo_base64);

        //confirm that input field's value does change (check!)
        var mi = $('#basevalue').val();
        alert(mi);

        //Add new li element to be updated with new image
        $('#ECbuttons').append('<li class="clickcontact" id="' + i + '"><img style="height: 65px; width: 65px" src="" /><div>' + firstName + '<br>' + lastName + '</div></li>');
    }
    //dynamically set options for jQuery form submit
    var options = { 
            //target is handled correctly and keeps getting updated with the same image 
            target:     '#' + i, 
        url:        'system/showbase.php'
    }; 
    //submit the form on each run (check with a success handler, this gets called always
    $('#mybase64').ajaxSubmit(options); 
}

任何人都可以提供任何见解,以便可以使用ajax表单请求从阵列提交新数据,如果是,如何?

非常感谢你的时间

/的Mikkel

0 个答案:

没有答案