弹出页面上的jQuery预填充表单字段

时间:2013-04-30 18:02:45

标签: javascript jquery

我在下面的解释,希望它清楚。

在基页上,有一个ID为123的链接,然后单击打开查询页面:

<a href="/enquiry/?id=123"></a>

在查询页面上,有一个表格:

<form>
<input type="text" name="id" value="">
</form> 

问题 - 是否可以传递ID值&#34; 123&#34;到查询页面,并填写该字段?如下所示:

<input type="text" name="id" value="123">

任何人都可以帮忙,非常感谢。

1 个答案:

答案 0 :(得分:3)

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

调用getQueryVariable("id") - 将返回“123”。

$('.txt1').val(getQueryVariable("id"));

html: -

<input type="text" name="id" value="" class="txt1">