Easyui的textbox组件的readonly方法后text值覆盖value值的问题

最新推荐文章于 2022-04-26 15:59:25 发布

落叶林

最新推荐文章于 2022-04-26 15:59:25 发布

阅读量648

点赞数

分类专栏：前端文章标签： javascript easyui

本文链接：https://blog.csdn.net/javaa_1/article/details/111191535

版权

在使用Easyui的textbox组件时，遇到一个情况：当设置textbox的text和value不同时，执行readonly方法后，text值会覆盖value值。这意味着在readonly状态下，若不事先保存并重新设置value和text，将导致初始设置的值被改变。为避免此问题，建议在启用readonly前保存原值，并在之后恢复它们。

摘要由CSDN通过智能技术生成

简单描述下问题：

1、首先设置textbox的text值和value值不同，第一次和第二次获取的值一致；

2、在执行readonly方法之后，text属性值会覆盖value属性值；

3、在readonly之后需要重新设置value和text的值才不影响使用（在readonly之前先存储一下value和text的值，readonly之后重新赋值）；

略坑。。。

<input id="testInput" name="testInput"/>

$("#testInput").textbox();

$("#testInput").textbox("setValue", "firstValue");
alert("第一次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第一次获取:firstValue----firstValue

$("#testInput").textbox("setText", "firstText");
alert("第二次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第二次获取:firstValue--