如何在选择下拉列表时更改textarea的文本

时间:2010-07-11 06:36:43

标签: javascript html

如何在选择下拉列表时更改textarea的文本。这是我的代码......

<html>
<head>
<script type="text/javascript">
function fifa()
{
abc=document.forms[0].browsers.value;
if(abc=="");
document.form1.text1value="you selected A";
else if
document.form1.text1.value="you selected B";
else
document.form1.text1.value="you selected C";
}
</script>
</head>

<body>

<form name="form1">
Choose which browser you prefer:
<select id="browsers" onchange="fifa()">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>

<textarea name="text1">

</textarea>
</form>

</body>
</html>

-thannx提前

-Miss Subanki

1 个答案:

答案 0 :(得分:0)

以下是您的功能的更正版本:

function fifa()
{
    var frm = document.forms[0];
    var abc = frm.browsers.value;
    if (abc === "A")
        frm.text1.value = "You selected A";
    else if (abc === "B")
        frm.text1.value = "You selected B";
    else
        frm.text1.value = "You selected C";
}

兴趣点。首先,使用var关键字在函数内部声明变量。这可确保您的局部变量仅在需要它们的函数内保持可见。对于大型JavaScript程序,这是不可或缺的。否则,如果没有var关键字,您的变量将具有全局范围,可能会覆盖先前的全局变量。

其次,必须学习和理解JavaScript语法。检查我的代码和你的代码。

第三,我使用===运算符来测试相等而不是==运算符。两者都会在这段代码中给出相同的结果,但===运算符不会在JavaScript中强制执行类型强制。相信我后来的这一点,这将是有用的。如果你不熟悉它,请研究这个问题。