在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

我想你快到了。 您只需要从test var中删除方括号，而不是替换.text属性，而需要替换.value属性。

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的IDS给出，所以通过ID获取使用jQuery's选择#

要获取/设置textarea和input元素的值，请使用jQuery's $.val()

编辑

您的代码存在问题，您正在尝试设置textarea text属性，该属性无效，而您必须尝试使用value属性：

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