將「輸入值」屬性設置爲具有空格的變量。

我想將輸入按鈕的值設置爲字符串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');

來源

2013-03-26 user2208533

按鈕只顯示「A」。 – user2208533 2013-03-26 20:32:53

您可以附加您的處理程序，而不是放置一個「onclick」內聯：'$（htmlString）.appendTo（attachPoint）.click（loadBook）' – 2013-03-26 20:55:39

問題是因爲你沒有在屬性值周圍加引號。試試這個：

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

您可以逃脫你的字符串的所有"或者像我這樣做，只是'和"之間切換。 "將顯示爲正常字符，'用於標記字符串的開始和結束。

正如你可能不希望把變量title爲class上div，因爲它會增加每個單獨字爲一類，所以在你的榜樣股利將有6類添加到它的一側點。

來源

2013-03-26 20:34:05

太棒了！它像一個魅力工作！謝謝laurencek。 – user2208533 2013-03-26 21:05:48

將「輸入值」屬性設置爲具有空格的變量。

回答

相關問題