您的位置:首页 > 其它

form表单中的值设置为disable后出现的问题

2016-05-16 17:44 204 查看
input中的disable设置为:

<input type="text" name="age" disabled="disabled" />


类似这样的设置(你的可能是select或者其他的textarea等任何可以设置disable属性的标签),虽然你是希望它是不可更改的,但这个值所对应的name是无法传递到后台的,解决方法有两种:

一、换成readonly

我们可以不用disable属性,采用readonly一样可以达到这种不可更改的效果,代码如下:

<input type="text" name="age" readonly="readonly" />


二、利用JS提交:

JS代码:

<script>

function onc(){
<span style="white-space:pre">	</span>var valuemes=document.form[0].age.value;
<span style="white-space:pre">	</span>document.form[0].invalue=valuemes;
<span style="white-space:pre">	</span>documnet.form[0].submit();
}

</script>


HTML代码:

<form action="test.do">

<span style="white-space:pre">	</span><input type="hidden" name="invalue">

<span style="white-space:pre">	</span><input type="text" value="你好" name="age" disabled="disabled">

<span style="white-space:pre">	</span><input type="button" value="提交" onclick="onc()">

</form>


这样也可提交
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: