使用 Javascript 将参数从 URL 传递到隐藏表单字段

发布于 2024-12-18 01:05:17 字数 667 浏览 3 评论 0原文

我无法从 URL 传递 ID,例如“123456”:

http:// /www.mysite.com/page.html?ID=123456

到隐藏表单字段。

我发现一个 Javascript 可以让我将 ID 写入页面,但我不知道如何将值添加到隐藏输入字段的 value="" 位。

任何想法非常感谢!

我使用的JS是:

<script> 
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]; 
    }
  } 
  alert('Query Variable ' + variable + ' not found'); 
}   
</script>

I wasn to be able to pass and ID such as '123456' from a URL:

http://www.mysite.com/page.html?ID=123456

to a hidden form field.

I found a Javascript that lets me write the ID to a page but I don't know how to add the value to the value="" bit of a hidden input field.

Any ideas much appreciated!

The JS I am using is:

<script> 
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]; 
    }
  } 
  alert('Query Variable ' + variable + ' not found'); 
}   
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

感情洁癖 2024-12-25 01:05:17

如果你已经有了 jQuery 的值,你可以这样做:

 $('#your-input-field').val(the_value);

 <input type="hidden" id="your-input-field" />

没有 jQuery,你会这样做:

 e = document.getElementById('your-input-field');
 e.value = the_value;

这是一个使用你的代码的例子,我建议你研究一下 jQuery - 它比普通的 javascript 更容易使用,你的代码将适用于所有浏览器:

  <script type="text/javascript">
  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]; 
     }
   } 
 }
 function onLoad() {
    var value = getQueryVariable("ID");
    var e = document.getElementById('your-field');
    e.value = value;
 }
 </script>
 <body onload="onLoad()">
     <!-- your form and hidden field goes here -->
     <input type="hidden" name="your-field" id="your-field" />

If you already have the value you could do like this with jQuery:

 $('#your-input-field').val(the_value);

 <input type="hidden" id="your-input-field" />

without jQuery you would do like this:

 e = document.getElementById('your-input-field');
 e.value = the_value;

Here is an example using your code, I recommend that you look into jQuery - it's much easier to use than plain javascript and your code will work on all browsers:

  <script type="text/javascript">
  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]; 
     }
   } 
 }
 function onLoad() {
    var value = getQueryVariable("ID");
    var e = document.getElementById('your-field');
    e.value = value;
 }
 </script>
 <body onload="onLoad()">
     <!-- your form and hidden field goes here -->
     <input type="hidden" name="your-field" id="your-field" />
北渚 2024-12-25 01:05:17
window.location.search

...将为您提供 URL 的查询字符串部分,

因此在本例中它将返回“?ID=123456”。

还有其他事情吗?或者这足以继续吗?

window.location.search

...will give you the query string part of your URL

So in this case it will return "?ID=123456".

Anything else or is that enough to go on?

只等公子 2024-12-25 01:05:17

使用 jQUery 的此链接可能会帮助您 url 参数。一旦你有了价值,你就可以做:

$('#input-id').val($.getUrlVar('url-parameter'));

This link that uses a jQUery might help you url-parameters. Once you have the value you can do:

$('#input-id').val($.getUrlVar('url-parameter'));
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文