设置“值”属性中包含空格的变量
setting a "value" attribute in html with a variable containing spaces
我对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:
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);
}
这样,你就不必在引号上乱来了,代码也更灵活了。
实时测试用例
为什么不直接把值放在引号之间呢?
htmlTemplate.push("<option value='""+templateArray[i]+"'">"+templateArray[i]+"</option>");
请注意,对于包含引号的值,这仍然会失败,但是失败的次数会减少。
你忘记加引号了:
var str = "<option value='"+templateArray[i]+"'>"+templateArray[i]+"</option>";
htmlTemplate.push(str);
相关文章:
- 访问键中包含空格的嵌套属性
- Javascript 如果字符串包含空格,则用破折号替换空格
- 当数据文本字段预操作包含空格时出现 KendoTreeView 错误
- 如何使用 javascript 确定字符串是否只包含空格
- 用于匹配文本的正则表达式仅包含空格和 br 标记
- 使用 JQuery 和 append() 将包含空格的文本数组添加到 TextArea 中
- 如何检查字符串是否不包含任何内容或仅包含空格
- CSS:选择名称中包含空格的类
- jQuery(document).width() 不包含 “空格”
- HTML5 输入类型=数字值在 Webkit 中为空,如果包含空格或非数字字符
- 如何使用jQuery隐藏仅包含空格的HTML元素
- ng如果没有'如果条件文本在AngularJs中包含空格,则不起作用
- 如果在调用函数时提供的参数包含空格,则不调用函数
- SharePoint 2013列表项更新,列表名称中包含空格
- 更改<img>名称中包含空格的src属性
- 查找表是否只包含空格
- 当选项包含空格时,在select下拉列表中动态追加值会在下拉列表中追加空字段
- 在JavaScript中检查字符串是否为空白(即只包含空格)的最高效方法
- 如果类名中包含空格,在DOMXpath中使用查询将不起作用
- 如何检查输入是否只包含空格字符?即只有一个或多个空格,而没有其他字符