javascript - 获取不为空的文本字段

Question

假设我有一个这样的 HTML 结构:

<div class="container">
    <input type="text" class="userInfo" name="first_name1" value="First name 1" />
    <input type="text" class="userInfo" name="first_name2" value="First name 2" />
</div>

<div class="container">
    <input type="text" class="userInfo" name="first_name3" value="First name 3" />
    <input type="text" class="userInfo" name="first_name4" value="First name 4" />
</div>

当用户使用 jQuery 单击按钮时，如何获取所有不为空的文本字段？

一旦我得到它们，我想构造一个键值对字符串(用 & 连接)作为参数发送到 URL，例如:

"first_name1='First name 1&first_name2=First name 2'....

Answer 1

您可以使用 .filter() method查找所有包含值的 input 元素:

Example Here

var $fieldsWithValues = $('input').filter(function () {
    return this.value;
});

---

根据您的编辑，您可以使用 $.param() function 构造查询字符串:

Example Here

var params = {};
var $fieldsWithValues = $('input').filter(function () {
    return this.value.trim();
}).each(function () {
    params[this.name] = this.value;
});

console.log($.param(params));

以上将记录:

"first_name1=First+name+1&first_name2=First+name+2&first_name3=First+name+3&first_name4=First+name+4"