页面有一个级联选择器,数据是通过接口获取的,在编辑的时候输入框上需要显示选择的名称,因为数据是接口获取的,数据是绑定的id,就导致没有显示上。
这里分享一个简单的方法,那就是可以通过 placeholder
这个障眼法来实现
思路:新建时,placeholder
显示请选择,编辑的时候来修改placeholder
的值就行了,是不是就达到页面上显示的目的了。
又有同学要问了,使用placeholder后,虽然页面显示了需要的数据,但是颜色和别的不一样了,不统一了,还是不完美。呃呃呃呃,那就直接修改placeholder颜色就搞定了。
当是新建的时候就使用默认的颜色,如果是编辑的时候就选择使用另一种颜色,加个判断使用不同的id,来更换颜色
修改placeholder颜色
注意
:修改颜色,需要在外层加个id 或 class,不然就影响到别的了
做了下兼容
input:-moz-placeholder {
color: #333;
}
input:-ms-input-placeholder {
color: #333;
}
input::-webkit-input-placeholder {
color: #333;
}