javascript - 使用 jQuery 获取 URL 参数并将它们显示在 HTML 输入文本字段中

标签 javascript jquery html url-parameters

我在这里和 Google 上浏览了数十篇关于此的文章,但似乎没有一篇奏效。我正在尝试从 URL 获取参数并将它们显示在输入文本字段中。

这是我正在处理的代码:

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("inputline1");
getQueryVariable("inputline2");

<input type="text" id="inputline1" value="getQueryVariable('inputline1')" />
<input type="text" id="inputline2" value="getQueryVariable('inputline2')" />

我正在尝试的网址:

?inputline1=sampletext1&inputline2=sampletext2

我的 jQuery 知识非常有限,任何关于正确方向的帮助都会非常有帮助。

提前致谢。

最佳答案

终于让它工作了,更新了下面的工作脚本以帮助将来的任何人:

function getQueryVariable(variable) {
                var query = window.location.search.substring(1);
                var parms = query.split('&');
                for (var i = 0; i < parms.length; i++) {
                    var pos = parms[i].indexOf('=');
                    if (pos > 0 && variable == parms[i].substring(0, pos)) {
                        return parms[i].substring(pos + 1);;
                    }
                }
                return "";
}

getQueryVariable("inputline1");

$(function () {
        $('#inputline1').val(getQueryVariable('inputline1'))
});

<input type="text" id="inputline1" />

带参数的网址:

?inputline1=Sample

enter image description here

关于javascript - 使用 jQuery 获取 URL 参数并将它们显示在 HTML 输入文本字段中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50695292/

相关文章:

javascript - 为什么 `childNodes` 返回的数字比我预期的要大?

javascript - sap.m.Text 对象中的条件粗体

javascript - 使功能在 View 中更灵活时进行动画处理

javascript - Express 错误 - TypeError : Router. use() 需要中间件功能但得到了一个对象

javascript - 在 JSP 中模态提交后处理表单

javascript - Tigther 代码 - javascript 对象数组

javascript - IE 会减慢超过 6-8 FPS 的动画 GIF。是否有修复程序或跨浏览器替代方案(Flash 除外)?

javascript - 使用 Fabric js Canvas 中的新图像不适用于 chrome

javascript - 当 Javascript 中的函数已经通过 onload 或 document.ready 调用时,如何调用该函数?

html - 如何在 HTML CSS 网格上定位 "overlay rectangle",但从列边界水平偏移? (根据我的形象)