javascript - 修改javascript代码以遍历表单中的所有变量

Question

由于我决定向表单中添加更多变量，因此我有以下代码到目前为止运行良好。我怎样才能使这个函数变得智能和迭代并传递表单中的所有变量？

    function getquerystring(strFormName) {
    var form     = document.forms[strFormName];
    var word = form.clock_code.value;
    qstr = 'clock_code=' + escape(word);  // NOTE: no '?' before querystring
    return qstr;
}

完整的JS代码@pastie

Answer 1

它看起来您正在将表单序列化为查询字符串？如果是这样的话，那么这就是 JavaScript 库非常棒的地方。

其中每一个都会将页面上的第一个表单序列化为查询字符串。

// ExtJS
var str = Ext.lib.Ajax.serializeForm(Ext.select('form').elements[0]);

// jQuery
var str = $("form").serialize(); 

// MooTools
var str = $$('form').toQueryString();

// PrototypeJS
var str = $$('form')[0].serialize();

您可以在 http://jquery.malsup.com/form/comp/ 查看其他一些方法以及它们的比较