Question

我在方法属性中使用带有GET的简单HTML表单，我希望将表单值作为查询字符串发送，而不使用查询属性值......这可能吗？

我得到了什么：

http://.../category?mens=on&narrow=on

我需要什么：

http://.../category?mens&narrow

我使用复选框作为输入字段。

提前感谢任何暗示！

Answer 1

我不确定您是否可以使用表单的默认提交网址执行此操作。您可能只想重定向到自己创建的URL（或进行AJAX调用）。

HTML：

<button type='submit' onclick='submit()'Submit</button>

JavaScript的：

// checkbox form elements
var mensCheckboxElement, narrowCheckboxElement, ...;

// simulate form submit
function submit() {
  var checkedBoxes = [];
  if(mensCheckboxElement.checked) checkedBoxes.push('mens');
  if(narrowCheckedboxElement.checked) checkedBoxes.push('narrow');
  // et cetera. This is just to give you an idea,
  // but there are definitely better ways to do this

  // custom url without values
  var submitUrl = '/category?'+ checkedBoxes.join('&');

  // redirect to submitUrl or make an ajax call

  // prevent normal form submit
  return false;
}

如何生成没有查询属性值的URL查询字符串（仅限其名称）

1 个答案: