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

标签 javascript jquery

下面是我的解释,希望你清楚。

在基础页面有一个ID为123的链接,点击打开查询页面:

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

在查询页面,有一个表单:

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

问题 - 是否可以将 ID 值“123”传递到查询页面,并预填该字段?像下面这样:

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

请哪位大侠帮忙,万分感谢

最佳答案

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">

关于javascript - 弹出页面上的 jQuery 预填充表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16306213/

相关文章:

javascript - 将类添加到 li 时检测事件

javascript - 无法让 haxe-pixi.js 工作 - 我看到一个空白的白屏

Javascript 确认框打开链接

javascript - 当我添加新的中间件来处理express.js中的路径时,404未找到

javascript - 将Java添加到Electron应用程序

返回文件结果后,jQuery 重新启用表单

javascript - Ext-JS 4 动态创建 Controller - 代码不起作用

javascript - 通过 javascript-jquery 将 html 字符串附加为表格行 (<tr>)

javascript - 在 jQuery 中切换,隐藏第一个段落

php - 动态隐藏 HTML 表格的一部分