如何从url参数预先填充html表单输入字段？
如何从url参数预先填充html表单输入字段？
提问于 2011-03-25 00:19:56
我有一个普通的html页面，其中有一个表单。已经有了能够通过url预先填充表单的要求。类似于：
http://some.site.com/somePage.html?forename=Bob&surname=Jones我似乎找不到任何简单的解决方案。有人能用一些javascript给我指明正确的方向来完成这件事吗？我很乐意使用javascript解决方案，但我更希望避免仅为这个单一用途而引入整个库(目前还没有使用)。谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-03-25 00:26:27
使用自定义查询字符串Javascript函数。
function querySt(ji) {
hu = window.location.search.substring(1);
gy = hu.split("&");
for (i=0;i<gy.length;i++) {
ft = gy[i].split("=");
if (ft[0] == ji) {
return ft[1];
}
}
}
var koko = querySt("koko");然后将检索到的值赋给输入控件；如下所示：
document.getElementById('mytxt').value = koko;Stack Overflow用户
发布于 2011-03-25 00:28:51
你在使用PHP吗？如果是这样的话，事情就变得容易多了。假设您的链接与上面的链接相同，您可以使用：
<?php
$forename = $_GET['forename'];
$surname = $_GET['surname'];
?>
----------
<input id='forename' type='text' value='<?php echo $forename; ?>' >
<input id='surname' type='text' value='<?php echo $surname; ?>' >这应该会为你预先填充。
Stack Overflow用户
发布于 2011-03-25 00:27:37
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
var get = getUrlVars();
//returns get['forename'] == bob; surname == jones页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5422265
复制相关文章
相似问题