怎么解决form表单中 disable属性不能提交的问题，form表单获得不了某个参数

最新推荐文章于 2024-02-02 07:08:42 发布

BRANKEY1

最新推荐文章于 2024-02-02 07:08:42 发布

阅读量6.3k

点赞数

文章标签： jsp web 表单

本文介绍了一种解决HTML表单中禁用(disabled)元素无法被提交的问题的方法。通过克隆表单并启用克隆后的所有字段，确保即使原本被禁用的输入项也能随表单一起提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

除了改disable为readonly外还有如下解决方法

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=shift-jis"> 
<title> 
Submit form 
</title> 
<script> 
function doSubmit(form) { 
var newForm = form.cloneNode(true); 
enableFields(newForm.getElementsByTagName("input")); 
enableFields(newForm.getElementsByTagName("textarea")); 
enableFields(newForm.getElementsByTagName("select")); 
newForm.style.display = "none"; 
document.body.appendChild(newForm); 
newForm.submit(); 
} 
function enableFields(fields) { 
for(var i=0;i<fields.length;i++) { 
var field = fields[i]; 
if (field instanceof(Array)) { 
for (var j=0;j<field.length;j++) { 
field[j].disabled = false; 
} 
} else { 
field.disabled = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<form action="submit.html"> 
<input type="text" name="text" value="tt" disabled/>

<input type="radio" name="radio" value="r1" checked disabled>r1 
<input type="radio" name="radio" value="r2">r2

<input type="checkbox" name="checkbox" value="c1">c1 
<input type="checkbox" name="checkbox" value="c2" checked disabled>c2

<select name="select" disabled> 
<option value="1">1</option> 
<option value="2">2</option> 
</select>

<textarea name="textarea" disabled>123</textarea>

<input type="button" value="submit" onclick="doSubmit(this.form)"> 
</form> 
</body>