html格式规范化—<option>内容空格问题

在做一个 chosen 插件的问题的时候，我一直在做一个东西，默认选中的后不能搜索其他的选项。百思不得其解，今天才发现问题所在。

我原本的代码是：

<select data-placeholder="请选择关联班级" name="dictClassIds" class="chosen-select" multiple style="width:100%;"  tabindex="4">
	[#list dictClasses as dictClass]
		<option value="${dictClass.id}" hassubinfo="true" 
		[#list linkClasses as linkClass]
			[#if linkClass.id == dictClass.id ]
	 		selected="true"
			[/#if]
		[/#list]
		>
		${dictClass.name}
	</option>
	[/#list]
</select>

这里的问题就在于${dictClass.name}和<option>中间并不是紧密连接的。在浏览器审查元素中就能看出来，

中间是存在空格的，所以导致了不能搜索。那么option 如此，<a>,<span>什么的呢，我随意测试了一下，同样的。

虽然页面显示正常，但是这元素的html真的包含了很多的空格啊！，代码的规范一定要注意，引以深思。