layui的select在选中后没有数据显示?

我的layui是和tp3.2的一起嵌入使用的。

在用的时候发现,在我select中选中一个option后竟然是空白的。

layui的select在选中后没有数据显示?_第1张图片

layui的select在选中后没有数据显示?_第2张图片

在举办地址这没有内容,通过F12是看elements是可以看到这里有内容的,但是内容前边有一堆的空格,所以在显示了空白。

 

我的代码是:

举办地址:

    

重点来了,当{$vo.province}渲染数据的时候,由于前边有eq的语句判断,所以在{$vo.province}前边才会有大量空格

layui的select在选中后没有数据显示?_第3张图片

所以需要吧option的标签的>给挪在后面,让标签去包含eq部分,如下图:

 layui的select在选中后没有数据显示?_第4张图片

问题就解决了。

 

ps:发现问题思路:这个问题十分隐蔽,查找了半天才找到原因。原来还以为是数据库中存了空格,甚至还用trim想去掉空格,但是发现在php端echo的时候,数据是正常的,没有空格,所以就锁定了应该是前端渲染出了问题。

你可能感兴趣的:(前端)