我可以在JS中爲我的html使用一個變量嗎？

Question

我有一個JS文件CharacterSelection，用戶可以在其中選擇一個化身並將其名稱輸入到textarea中。

現在我想在HTML文件中設置文本div到textarea的內容。我將用它在屏幕上的特定位置顯示玩家的名字。

我知道我可以一個div設置爲文本，如：<div id ="statSheetExitButton">Exit</div>會顯示「退出」（樣式和位置取決於CSS）

我不知道是否有任何方式把一個字符串因爲我不知道玩家輸入什麼名字。

我使用var name = $("#nameTextBox").val();

我在想，說<div id ="playerName">name</div>將顯示文本「名稱」搶textarea的的內容。

有沒有辦法實現我的目標？

Answer 1

$("#nameTextBox").change(function(){ 
    $("#playerName").html($(this).val()); 
}); 

這將附加一個事件處理程序的文本框所以每次名稱更改DIV被更新。

這是一個工作示例。 http://jsfiddle.net/2NkTb/

請注意，onchange事件，您必須標籤拖出文本框或文本框一定會輸的重點

Answer 2

這樣做：

var name = $("#nameTextBox").val(); 
$('#playerName').text(name); 

Answer 3

你可以做這樣的事情，這將與你的JavaScript字符串替換標籤的HTML：

$('#playerName').html(myNameVar); 

除此之外，我不認爲你可以像使用模板語言一樣直接注入JavaScript變量。

Answer 4

嘗試：

$('#playerName').html($("#textbo").val()); 

Answer 5

var name = $("#nameTextBox").val(); 
$("#playerName").html(name); 

Answer 6

var playerName = 'John Dow' 
document.getElementById('playerName').innerHTML=playerName 

Answer 7

你需要設置你的innerHTML屬性的div元素。

$("playerName").innerHTML = name;