给定一个 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 方法,如果选择的 option
值为在提交表单之前为空。
只要给表单元素一个名字..
<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 版本.. 差别不大。
$('form[name="formName"]').submit(function(e){
var el = $(this).find('select[name="param"]');
if(!el.val()){
el.removeAttr("name");
}
});
关于html - 可选地从表单提交中省略选择参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22358450/