javascript - 简单的 JavaScript 按钮 OnClick 将元素序列化为 URL 参数 - 使用此的简短表示法?

标签 javascript

20 年前我曾经很优秀……但不知怎的,今天却没有成功。我想做的:使用一个表单,一个带有 onlclick 事件的按钮。 Onclick 然后使用域构建 URL,并使用 ? 从表单发送参数作为 url 参数。和&......

问题:我怎样才能在 1 go 内智能且短时间完成此操作?

(我依稀记得this.过去曾起作用)

网址应为

如果所有字段为空:domain.com?或domain.com?shirt_generalfit=&shirt_size=

如果填充 1 个字段:domain.com?shirt_generalfit638=&shirt_size=

感谢帮助

<form name="custom_form" >
  <select id="shirt_generalfit" class="in-sentence">
    <option value="" selected="selected"></option>
    <option value="638">A</option>
    <option value="639">B</option>
  </select>
  <select id="shirt_size" class="in-sentence">
    <option value="" selected="selected"></option>
    <option value="584">35</option>
    <option value="283">36</option>
  <input type="button" id="custom_form" onclick="alert(window.location='https://example.com?'.if(shirt_size.value){'shirt_size='.shirt_size.value})" value="Show results" />
</form>

最佳答案

将输入类型从 type="button" 更改为 type="submit"。然后在表单标签中它应该看起来像

<form name="custom_form" method="GET" action="https://example.com/">

这应该可以在不使用 JavaScript 的情况下完成。

关于javascript - 简单的 JavaScript 按钮 OnClick 将元素序列化为 URL 参数 - 使用此的简短表示法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44317243/

相关文章:

javascript - 在 HTML 输入字段中禁用撤消/重做

javascript - Fancybox:从 ​​iframe 中调用父级中的函数

javascript - Google Chrome 66 如何自动播放无声视频大屏幕

javascript - Service Worker 在没有我要求的情况下缓存资源

javascript - 如何调用另一个文件中名为 "toggleDrawer"且未导出的函数?

javascript - Wordpress 在 Gutenberg block 内添加 onclick 事件

javascript - 搜索小写和大写字符

javascript - 如何将同一闭包下的对象分离到不同的文件中

php - jQuery Ajax 成功变量

javascript - 如何在鼠标悬停时显示滚动条?