提交表单时如何添加URL数据(变量)?

时间:2014-03-07 20:00:27

标签: javascript html forms post input

我的网页上有这个表格:

<form action="my_target_file.py">
    <!-- some input textboxes here -->
    <input type="submit" value="Go!" />
</form>

提交表单后,我可以轻松访问这些值(文本框和其他控件中的值)。但我想在my_target_file.py网址中添加一些数据。例如,使用Javascript,我可以检查是否选中了复选框。如果已选中,那么我想在提交表单时调用my_target_file.py?checked=1,以及用户在文本框中输入的所有值。

我目前的解决方案是拥有一个隐藏的文本框,例如,当选中复选框时,我会使用Javascript填充该文本框。然后我从my_target_file.py读取了隐藏的文本框,但这不太清楚。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

只需将复选框命名为“checked”并将其值设置为“1” - 不需要JavaScript。

<input type="checkbox" name="checked" value="1" />

当添加到您提供的表单代码时,以上复选框将在现有查询字符串中添加checked=1的查询字符串值,当且仅当用户选中了复选框时。

根据您在下方的评论,您可以在以下表单中附加隐藏字段:

var box = document.createElement('input');
box.type = 'hidden';
box.value = '1';
box.name = 'checked';
form.appendChild(box);

对要存储的每个参数名称和值执行此操作,并将form替换为代表您的表单的JavaScript对象,例如document.forms[0]document.getElementById("formid")