Question

我有一个Web应用程序，它具有大而复杂的形式（字段，检查等）。我喜欢使用标准的操作系统表单控件，因为它们具有视觉（样式）限制。

我基本上已经创建了包含ID的跨度并附加了类或自定义数据属性。我后来需要将它发送到PHP脚本以插入数据库。这在过去运作良好，但我不得不做大量的手工处理领域，我认为这些领域并不高效......有更好的方法吗？

我目前正在做，

IF ($('#foo').hasClass('on')){bar=1}

...

然后我通过

手动编写一个POST字符串

foo=bar&bla=blabla ...

然后在PHP端更多地创建一个插入SQL语句。如果你有几十个字段，它似乎效率低......但我讨厌标准的FORM元素...

有什么建议吗？ ....循环？阵列

Answer 1

您应该使用表格。但如何使它漂亮？

使用JavaScript，您可以为表单提供一种前端。隐藏表单元素并使用一些JS来更改交互时的表单字段值。

在Google中搜索pretty forms jquery。

Answer 2

据我所知，您不希望手动获取具有类'on'的每个元素的值。您可以使用jQuery的每个函数循环遍历您需要的所有元素。类似的东西：

var query = "";

$(".on").each(function(i){
    if(i === 0) {  
      query+="?"+$(this).attr('id')+"="+$(this).text();            
    } else {
        query+="&"+$(this).attr('id')+"="+$(this).text();            
    }
});

（见：http://jsfiddle.net/MkbrV/）

这是你要找的东西吗？

Answer 3

您可以使用jQuery的serialize()方法：

$('form .on').serialize();

jsFiddle example

存储表单数据的有效方法？

3 个答案: