博客

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

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

在举办地址这没有内容，通过F12是看elements是可以看到这里有内容的，但是

内容前边有一堆的空格

，所以在显示了空白。

我的代码是：

<td colspan="2">举办地址：</td>
<td colspan="2">
    <select name="province" id="level" lay-filter="level" lay-verify="" lay-search class="provinceid">
    <!--&#45;&#45;请选择省&#45;&#45;-->
    <option placeholder="--请选择省--" value=""></option>
              <volist name="provinces" id="vo">
                  <option value="{$vo.provinceid}">
                     <eq name="vo.provinceid" value="$data['provinceid']">selected</eq>
                             {$vo.province}</option>
              </volist>
     </select>
</td>

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

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

问题就解决了。

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