在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是给定的ID，因此要使用jQuery's选择器#

按ID获取

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

修改

您的代码问题在于您尝试设置text的{​​{1}}属性，这是无效的，您必须尝试使用​​textarea属性：

value