Question

所以这是我的编码，我真的希望你们能帮助我。我正在尝试将计算结果放在textarea中，但我不知道应该如何以及应该使用什么。

我一直在尝试使用span ID和getElementById。我认为我使用的语言是最基本的语言。

<html>
<head>

<script type="text/javascript">

function bmicalc ()
{
	var fheight = document.form1.fheight.value;
	var fweight = document.form1.fweight.value;
	var result;
	
	result = fweight / ( fheight * fheight);

	return result;
}

</script>

</head>

<body>

<p align="center"><b><font size="4">BMI CALCULATOR</font><b></p>

<form name="form1" method="post" action="">
<table border="0" align="center">

<tr>
<td>Height:</td>
<td><input name="fheight" type="text" size="15"> meters
</tr>

<tr>
<td>Weight:</td>
<td><input name="fweight" type="text" size="15"> kilograms
</tr>

<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="Get result" onclick="bmicalc()">
<input type="reset" name="reset" value="Reset">
</td>
</tr>

<tr>
<td colspan="2" align="center">
<textarea name="result" cols="30" rows="5" >
Your BMI is <result>
</textarea>
</tr>

</body>
</html>

Answer 1

您需要将textarea的值更改为结果

您可以在返回结果值

之前添加此代码来执行此操作

 document.getElementById('result-textarea').value = 'Your BMI result' + result;

并将文本区域更改为

<textarea id="result-textarea" name="result" cols="30" rows="5" >

</textarea>

此外，我想指出，除非您使用某种类型的框架或库<result>不是有效的html元素。

Answer 2

试试这个：

function bmicalc()
{
	var fheight = document.form1.fheight.value;
	var fweight = document.form1.fweight.value;
	var result;
	
	result = fweight / ( fheight * fheight);

    document.getElementById('result').value = "Your BMI is " + result;
    
	return result;
}

<p align="center"><b><font size="4">BMI CALCULATOR</font><b></p>

<form name="form1" method="post" action="">
<table border="0" align="center">

<tr>
<td>Height:</td>
<td><input name="fheight" type="text" size="15"> meters
</tr>

<tr>
<td>Weight:</td>
<td><input name="fweight" type="text" size="15"> kilograms
</tr>

<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="Get your result!" onclick="bmicalc()">
<input type="reset" name="reset" value="Reset">
</td>
</tr>

<tr>
<td colspan="2" align="center">
<textarea name="result" cols="30" rows="5" id="result"></textarea>
</tr>

Answer 3

修改你bmicalc

function bmicalc ()
{
    var fheight = document.form1.fheight.value;
    var fweight = document.form1.fweight.value;
    var result;

    result = fweight / ( fheight * fheight);
    document.form1.result.value = "Your BMI is " + result;
    return result;
}

如何在textarea中输出输出？（JAVASCRIPT）

4 个答案:

如何在textarea中输出输出？ （JAVASCRIPT）

4 个答案:

如何在textarea中输出输出？（JAVASCRIPT）