Question

尝试在提交表单时将Javascript变量值发送到另一个页面。

HTML

<form action="po1.html">
<input type="button" value="Submit" onclick="getVals();" />
</form>

JS

function getVals(){
        var e = document.getElementById("Features");    
        var strUser = e.options[e.selectedIndex].value;
        alert(strUser);
    }

我通过SELECT OPTION菜单选择了strUser值，现在我不知道如何将它发送到另一个HTML页面购买提交... 请帮忙

Answer 1

<form action="po1.html" method="get">
  <select name="selectnames">
    <option>me</option>
    <option>you</option>
    <option>she</option>
  </select>
  <input type="submit" value="Submit" />
</form>

名称为selectnames的select值将自动在另一个站点上可用，您可以使用GET或POST在其他页面上按名称捕获它，具体取决于您使用的表单方式。

Answer 2

如果您坚持使用JS执行此操作，请使用隐藏输入将其添加到表单中。

<form id="myForm" action="po1.html">
    <input type="submit" value="Submit">
</form>
<script>
    document.getElementById('myForm').addEventListener('submit', getVals);
    function getVals(event) {
        var e = document.getElementById("Features");    
        var strUser = e.options[e.selectedIndex].value;
        var hidden = document.createElement('input');
        hidden.type = "hidden";
        hidden.name = "foo";
        hidden.value = strUser;
        event.target.appendChild(hidden);
    }
</script>

...但是将select元素放在表单中会更有意义。

Answer 3

试试这个：

您必须将值设置为第1页：

localStorage.setItem（ 'VAL'，strUser的）

您必须获得第2页的价值：

localStorage.getItem（ 'VAL'）

请注意，并非每个用户都有localStorage（旧浏览器）。

将Javascript变量值发送到SUBMIT上的另一个HTML页面

3 个答案: