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

时间:2013-01-12 18:34:13

标签: jquery url input

有没有办法可以将输入字段的查询部分拆分成变量,并将它与新输入字段的值相关联?

假设我有一个输入字段,如:

<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,最好的方法是什么?

提前致谢。

1 个答案:

答案 0 :(得分:0)

试试这个:

<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')替换为您的输入。