添加新表单时不要触摸jQuery

时间:2011-05-12 07:50:21

标签: php jquery html

假设我有一个输入:<input type="text" id="smth" value="" />并且我有jQuery将此数据传递给.php文件

$("#submit_button").click(function() {
        var info = {};
        info['smth'] = $('#smth').val();
        $.ajax({
            type: "POST",
            url: "insert.php",
            data: info,
            success: function(msg){
                alert("Well done!");
            }
        })
})

效果很好,但是我要说我需要添加新的输入,比如说:

<input type="text" id="smth2" value="" />

所以我需要在jQuery中添加info['smth']之后的这一行:

info['smth2'] = $('#smth2').val();

我的问题是,我该如何避免这种情况?是否有可能在每次添加新输入时都不在jQuery中添加新行?它看起来怎么样?感谢。

1 个答案:

答案 0 :(得分:11)

希望您将所有<input>添加到<form>。希望所有这些<input>都具有name属性(例如,您的第一个属性应为name="smth")。在这种情况下,问题就解决了!

var info = $('#myForm').serialize();

完成!