jquery - 从输入字段读取 url 查询并将每个 var 放入新的输入字段

Question

有没有办法可以将输入字段的查询部分拆分为变量，并将其关联值拆分为新的输入字段？

假设我有一个输入字段，例如：

<input type="text" name="sUrl" value="http://site.com/index.php?var1=1&var2=1&var3=foo" />

我想要实现的是 jQuery 将查询变成：

<input type="text" name="var1" value="1" />
<input type="text" name="var2" value="1" />
<input type="text" name="var3" value="foo" />

在 PHP 中，我可以对查询部分进行爆炸，但遗憾的是 php!=jquery，完成此操作的最佳方法是什么？

提前致谢。

Answer 1

试试这个：

<script>
function myfunction() {
    var target = $('body');
    var input = $('#myinput');
    var pathname = input.val();

    pathname = pathname.replace('?','');
    pathname = pathname.split('&');

    $(pathname).each(function() {
        var request = this.split('=');
        $('<input>',{type:'text',name:request[0],value:request[1]}).appendTo(target);
    });

    return false;
}
</script>

<form onsubmit='return myfunction();'>
   <input type='text' id='myinput'>
</form>

替换为$('body')您的实际目标和$('#myinput')您的输入。