将“输入值”属性设置为带空格的变量。

时间:2013-03-26 20:32:08

标签: javascript jquery html

我正在尝试将输入按钮的值设置为字符串variable.i.e“校车指南”;但是当HTML加载时,只有第一个单词出现在按钮中。我的代码如下。谢谢你的帮助。

var title="A Guide to the School Bus";
var htmlString= "<div class="+title+ ">"+"<input type="+"button  "+"value="+title+"  onclick=loadBook()>"+"</div>";
$(htmlString).appendTo(attachPoint);

附件是我使用以下内容的HTML中的引用。

var attachpoint=document.querySelector('.buttonAttachPoint');

1 个答案:

答案 0 :(得分:5)

问题是因为你没有在属性值周围加上引号。试试这个:

var htmlString= '<div class="'+title+'"><input type="button" value="'+title+'"  onclick="loadBook()"></div>';

您可以转义字符串中的所有",或者像我一样,只需在'"之间切换。 "将显示为普通字符,'用于标记字符串的开头和结尾。

作为一个侧面点,您可能不希望将变量title作为class放在div上,因为它会将每个单独的单词添加为类,因此在您的例如,div将添加6个类。