如果表单中的某个表单域被设定为disabled,则该表单域的值就不会被提交。但是有的时候确实需要提交这个值。
解决方案有很多,比如不用disabled而是使用readonly等,但是我认为都并不是很好(具体原因略)。
我想到一种方案,就是在提交之前,把要提交的表单复制一份,然后把复制后的表单中的所有表单域的disabled属性都置为false,然后提交这个复制后的表单。下面是演示用的代码(将代码保存到一个名为submit.html的文件中即可观察演示效果)。
复制代码代码如下:
<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>
解决方案有很多,比如不用disabled而是使用readonly等,但是我认为都并不是很好(具体原因略)。
我想到一种方案,就是在提交之前,把要提交的表单复制一份,然后把复制后的表单中的所有表单域的disabled属性都置为false,然后提交这个复制后的表单。下面是演示用的代码(将代码保存到一个名为submit.html的文件中即可观察演示效果)。
复制代码代码如下:
<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>
标签:
提交,disabled,表单域
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“如何提交表单中disabled表单域的值示例代码”评论...
更新动态
2024年05月08日
2024年05月08日
- 崩坏星穹铁道流萤遗器搭配推荐 选什么遗器好
- 逆水寒手游五子棋第二十九关怎么过 逆水寒手游残局攻略大全
- 逆水寒手游五子棋第三十关怎么过 逆水寒手游残局攻略大全
- 逆水寒手游五子棋第三十一关怎么过 逆水寒手游残局攻略大全
- 开始回暖了!《绝地潜兵2》Steam好评率正在持续上升
- 15周年了!《植物大战僵尸》疯狂戴夫竟然有原型
- 《塞尔达传说》真人电影确定将于未来十年内上映!
- 瑞鸣音乐·郭雅志《八千里路》头版限量编号24K金碟[低速原抓WAV+CUE]
- 【乡村蓝调】TomoAkikawabaya-2024-TheCastleII(FLAC)
- 【乡村蓝调(H)】RobertAbernathy-2024-SomewhereAround18(FLAC)
- 《哈迪斯2》发售后 《黑神话》登上愿望单第一名
- 今天是Faker28岁生日 T1官方晒照为其庆生
- 73岁张纪中为42岁妻子庆生 送孕妻千朵玫瑰浪漫温馨
- 霹雳布袋戏《霹雳百碟纪念遗珠-精选100》[FLAC/分轨][675.89MB]
- 梦柯《斩道》[320K/MP3][15.55MB]