<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参数所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)