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>";