我对 HTML/JS 很陌生，所以如果这是一个基本问题，我深表歉意...我尝试在网上查找此问题，但无法找到解决方案。
我正在使用 JS 代码来创建 HTML。我正在尝试使用包含空格的 var 设置“值”属性（带空格的字符串）。当检查 chrome 中的值时，我可以看到字符串设置不正确。
这是我的JS代码：
var templateArray = templateString.split("\t");
for (var i = 0; i < templateArray.length; i++) {
htmlTemplate.push("<option value="+templateArray[i]+">"+templateArray[i]+"</option>");
}
这是模板数组：
templateArray[0] = template_member_information
templateArray[1] = template - member information
这是我在 chrome 中检查时得到的结果：
<option value="template" -="" member="" information="">template - member information</option>
<option value="template_member_information">template_member_information</option>
不要编写原始 HTML，而是仅存储值，然后动态创建 DOM 元素。
假设您拥有名为的数组中的所有值values有这样的代码来填充具有这些值的项目的下拉列表：（并且文本等于该值）
var oDDL = document.getElementById("MyDropDownList");
for (var i = 0; i < values.length; i++) {
var option = new Option();
option.value = option.text = values[i];
oDDL.appendChild(option);
}
这样您就不必搞乱引号，并且代码更加灵活。
现场测试用例 http://jsfiddle.net/k2QTa/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
