html – 可选择从表单提交中省略select参数

html – 可选择从表单提交中省略select参数,第1张

概述给出一个 HTML表单,如: <html><body><form method="GET"> Select: <select id="param" name="param"> <option></option> <option value="Value 1">Value 1</option> <option value="Valu 给出一个 HTML表单,如:

<HTML><body><form method="GET">    Select:    <select ID="param" name="param">        <option></option>        <option value="Value 1">Value 1</option>        <option value="Value 2">Value 2</option>        <option value="Value 3">Value 3</option>    </select>    <button type="submit">submit</button></form></body></HTML>

如果选择空白选项,如何从表单提交中完全省略参数?

解决方法 如果你想要一个纯JavaScript方法,如果在提交表单之前所选的选项值为空,那么这样的东西将删除select元素的name属性.

只需给表单元素命名即可.

<form name="formname" method="GET"></form>

Js – EXAMPLE HERE

document.forms["formname"].addEventListener('submit',function(){    var el = this.querySelector('select[name="param"]');    if(!el.value){        el.removeAttribute('name');    }});

或者,这是一个jquery版本..没有太大的不同.

EXAMPLE HERE

$('form[name="formname"]').submit(function(e){    var el = $(this).find('select[name="param"]');    if(!el.val()){        el.removeAttr("name");    }});
总结

以上是内存溢出为你收集整理的html – 可选择从表单提交中省略select参数全部内容,希望文章能够帮你解决html – 可选择从表单提交中省略select参数所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1060704.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存