如何使用jQuery使用查询字符串值填充输入？

Question

我有一个输入如下,我想用查询字符串的值预填充值,以便当我访问example.com/my.html?phone=12345时,值1234应显示在输入字段中.对不起,如果我的问题似乎很愚蠢,但我对jquery和javascript没有任何经验

<input type="phone" value="" class="form-control" id="phonenumber"
placeholder="Phone number">

Answer 1

您可以使用此脚本:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

并设置值:

$("#phonenumber").val(getParameterByName("phone"));

参考: 如何在JavaScript中获取查询字符串值？

小提琴:http://jsbin.com/hikoyaki/1？ phone = 12345