将“输入值”属性设置为具有空格的变量。
问题描述:
我想将输入按钮的值设置为字符串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');
答
问题是因为你没有在属性值周围加引号。试试这个:
var htmlString= '<div class="'+title+'"><input type="button" value="'+title+'" onclick="loadBook()"></div>';
您可以逃脱你的字符串的所有"
或者像我这样做,只是'
和"
之间切换。 "
将显示为正常字符,'
用于标记字符串的开始和结束。
正如你可能不希望把变量title
为class
上div
,因为它会增加每个单独字为一类,所以在你的榜样股利将有6类添加到它的一侧点。
+0
太棒了!它像一个魅力工作!谢谢laurencek。 – user2208533 2013-03-26 21:05:48
按钮只显示“A”。 – user2208533 2013-03-26 20:32:53
您可以附加您的处理程序,而不是放置一个“onclick”内联:'$(htmlString).appendTo(attachPoint).click(loadBook)' – 2013-03-26 20:55:39