HTML中属性值value值中不能出现空格解决方法

在做页面时，经常会遇到一些需要从数据库中查询后动态创建的html内容的情况，此次遇到的就是向div中插入select选择框，选择项来源于数据库。

比如需要在div中插入下面这段html，其中timeFormat[i].format=”yyyy-MM-dd HH:mm”

html += "            <option value=" + timeFormat[i].format + " selected=\"selected\">" + timeFormat[i].name + "</option>";

插入该段代码后，在浏览器中F12进行调试查看发现，该option的value=“yyyy-MM-dd” hh:mm=”“，并不是预期的value=”yyyy-MM-dd HH:mm“

<option value="yyyy-MM-dd" hh:mm="" selected="selected">年月日 时分</option>

解决方法：额外加上一对引号

html += "            <option value=\"" + timeFormat[i].format + "\" selected=\"selected\">" + timeFormat[i].name + "</option>";