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

2023-12-30

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

http://www.mysite.com/page.html?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>

如果你已经有了这个值,你可以使用 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" />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Javascript 将参数从 URL 传递到隐藏表单字段 的相关文章

随机推荐