将Javascript“document.write”值传递给隐藏表单提交值

时间:2017-09-17 15:37:24

标签: javascript jquery

我有一个脚本可以将document.write值设置为工作正常的网页,我要做的就是将document.write值“也”设置为hidden {{1提交表单的字段。

这是我尝试过的,似乎无法让它发挥作用:

html

2 个答案:

答案 0 :(得分:0)

您可以将第二个脚本标记移动到form标记下方,因为更新GeoCity字段的脚本无法找到之后声明的字段。

您可以在下面找到更新的代码:

<script language="JavaScript" type="text/javascript" src="http://www.geoplugin.net/javascript.gp"></script>

<form id="SendPasswordForm" action="#" method="POST">
    <input type="text" id="GeoCity" name="GeoCity" value="">
</form>

<script language="javascript">
    document.forms['SendPasswordForm'].GeoCity.value = geoplugin_city();
</script>

<script language="Javascript">
    document.write(" " + geoplugin_city() + ", " + geoplugin_region() + ", " + geoplugin_countryCode());
</script>

答案 1 :(得分:0)

你应该使用jQuery。 jQuery显着简化了这样的操作,其中普通的JavaScript可能很麻烦。 jQuery只需几分钟即可添加到您的项目中。

可以通过右键单击下载压缩的,生产的jQuery 3.2.1 - &gt;来下载它。另存为...来自此链接: http://jquery.com/download/

然后只需将其包含在您的html文件中:

<script language="JavaScript" type="text/javascript" src="jquery.js"/>

包含jQuery,您需要做的就是更改隐藏字段的值:

  1. 为您的商品指定ID,如:

    <input id="HiddenInputID" type="hidden" name="GeoCity" value="">
    
  2. 然后像这样更改值:

    $('#HiddenInputID').val('My new value');
    
  3. 我已经制作了这个实例 - 代码:https://jsfiddle.net/09uwg5zq/