在html文本框中顯示JS變量

Question

由於某種原因，單擊該按鈕不會但文本框中的變量，我沒有在我的編譯器中得到任何語法錯誤，所以我認爲這是一個邏輯錯誤。在此先感謝

JS：

var testvar = 5 
$('.teambtn').click(function() { 
document.getElementById('team').text = (testvar); 
}); 

HTML：

<textarea id=team cols="50" rows="10"> 
Your Team Will be here: 
</textarea> 


      <button type="button" id=teambtn class="btn">Export</button> 

Answer 1

我覺得你幾乎沒有。你只需要從測試VAR刪除括號並而不是替換的.text屬性，則需要更換。價值屬性

document.getElementById('team').value = testvar; 

看看這個鏈接，因爲我覺得它實現你想要什麼，http://www.mediacollege.com/internet/javascript/form/add-text.html

Answer 2

我認爲問題在下面。

$（ 'teambtn '）

嘗試使用$（' ＃teambtn'）。

因爲您聲明它是一個ID。但選擇器指示上課。

如果您不想更改.js代碼，則可以將其添加爲類。

我希望這會幫助你。

Answer 3

既然你已經使用jQuery的，下面是示例用法：

var testvar = 5 
$('#teambtn').click(function() { 
    $('#team').val(testvar);//set the value of textarea 
}); 

teambtn和team給出的ID，所以要通過ID使用jQuery's選擇#

獲取/設置的textarea值取和input元素使用jQuery's$.val()

編輯

問題與您的代碼是你想設置的textareatext屬性，它是無效的，而不是你必須嘗試使用​​value屬性：

document.getElementById('team').value = testvar;