给定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方法,则在提交表单之前,如果选定的值为空,则类似的操作将删除元素的name
属性。select
option
只需给表单元素命名即可。
<form name="formName" method="GET"></form>
JS-这里的例子
document.forms["formName"].addEventListener('submit', function(){
var el = this.querySelector('select[name="param"]');
if(!el.value){
el.removeAttribute('name');
}
});
或者,这是jQuery版本..没有太大区别。
$('form[name="formName"]').submit(function(e){
var el = $(this).find('select[name="param"]');
if(!el.val()){
el.removeAttr("name");
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句