Question

我希望在将鼠标悬停在链接上时更改textarea的值。我对javascript不是很精通，也不太了解'this'的复杂性。和'文件'。等。

目前我有一个textarea'信息'，页面加载未填充，两个链接应更改其值。我似乎无法让它发挥作用..

<textarea name="info"></textarea> <a href="foo.com" onmouseover="document.info.value='foo.com is a great site'">Foo.com</a> <a href="bar.com" onmouseover="document.info.value='bar.com is a terrible site'">Bar.com</a>

我确信有办法完成我需要做的事情，但我找不到它。

提前致谢。

Answer 1

创建一个接受所需字符串的函数，并设置textarea：

   // Select the textarea by its ID (that you need to give it)
var textarea = document.getElementById('info');  

   // Define the function that sets the value passed
function changeTextarea( str ) {
    textarea.value = str;
}

为textarea分配一个ID，并在onmouseover中调用该函数，传递你想要设置的字符串：

<textarea name="info" id='info'></textarea>

<a href="foo.com" onmouseover="changeTextarea('foo.com is a great site')">Foo.com</a>
<a href="bar.com" onmouseover="changeTextarea('bar.com is a terrible site')">Bar.com</a>

示例： http://jsfiddle.net/nmZb9/

在悬停链接时更改textarea的值

1 个答案: