我如何预先填充url参数中的html表单输入字段? [英] How can I pre-populate html form input fields from url parameters?
问题描述
我有一个香草html页面,里面有一个表格。有一项要求是可以通过网址预先填写表单。例如:
I have a vanilla html page which has a form in it. A requirement has come in to be able to pre-populate the form via the url. Something like:
http://some.site.com/somePage.html?forename=Bob&surname=Jones
我似乎无法找到任何简单的解决方案。有人可以用一些JavaScript指向正确的方向来完成这个任务吗?很高兴使用JavaScript解决方案,但我更愿意避免仅仅为了这个单一用途而拉入整个库(目前没有使用)。感谢。
I can't seem to find any simple solution to this. Can someone point me in the right direction with some javascript to accomplish this? Happy to use a javascript solution, but I'd prefer to avoid pulling in an entire library just for this single use (none are currently used). Thanks.
推荐答案
使用自定义查询字符串的Javascript函数。
Use a custom query string Javascript function.
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");
然后将检索到的值分配给输入控件;例如:
Then assign the retrieved value to the input control; something like:
document.getElementById('mytxt').value = koko;
这篇关于我如何预先填充url参数中的html表单输入字段?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!