我必须输入这样的字段
<form>
<input type="text" id="keyword" placeholder="XXX">
<input type="text" id="state" placeholder="XXX">
<button type="submit" id="submit">Submit</button>
</form>
单击提交后，我想将它们发送到新页面，并将输入值附加到带有查询字符串的url上。
http://www.link.com/page?keyword=XYXYX&state=XZXX
这是我的开始思考，但一直认为.serialize()可以比本示例更好地处理此问题
var keywordVal = $("#keyword").val();
var stateVal = $("#state").val();
$( "form" ).on( "submit", function() {
event.preventDefault();
location.href='http://www.link.com/page?keyword=' + keywordVal + '&state=' + stateVal
});
让我知道我是否正以正确的方式进行处理。
您不需要JavaScript即可执行此操作。
只需添加action带有URL的method属性GET并将属性设置为（这会将命名字段值附加为查询字符串）。
<form action="<yourURL>" method="GET">
<input type="text" id="keyword" name="keyword" placeholder="XXX">
<input type="text" id="state" name="state" placeholder="XXX">
<button type="submit" id="submit">Submit</button>
</form>
注意：您将需要name在字段上的属性。
小提琴：http : //jsfiddle.net/pjh7wkj4/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句