2013-03-26 88 views
1

我想将输入按钮的值设置为字符串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'); 
+0

按钮只显示“A”。 – user2208533 2013-03-26 20:32:53

+0

您可以附加您的处理程序,而不是放置一个“onclick”内联:'$(htmlString).appendTo(attachPoint).click(loadBook)' – 2013-03-26 20:55:39

回答

5

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

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

您可以逃脱你的字符串的所有"或者像我这样做,只是'"之间切换。 "将显示为正常字符,'用于标记字符串的开始和结束。

正如你可能不希望把变量titleclassdiv,因为它会增加每个单独字为一类,所以在你的榜样股利将有6类添加到它的一侧点。

+0

太棒了!它像一个魅力工作!谢谢laurencek。 – user2208533 2013-03-26 21:05:48