JavaScript笑脸功能没有将笑脸放在适当的textarea中?

我有以下HTML代码(放在几个文件中),它在textarea中插入一个选中/点击的笑脸:
<a href="javascript:insertTheSmiley(':)');void(0)"><img src="images/smile.gif" alt=":)" title=":)" /></a>

<!-- this is a link to open a popup listing all smilies (see smilies.html to see what it contains) -->
<a href="#" onClick="window.open('smilies.html', 'Smilies', 'width=250,height=500,scrollbars=1');">Show all smilies</a>

<textarea id="textarea" cols="60" rows="10" style="width: 100%"></textarea>

<a href="javascript:insertTheSmiley(':)');void(0)"><img src="images/smile.gif" alt=":)" title=":)" /></a>

<!-- this is a link to open a popup listing all smilies (see smilies.html to see what it contains) -->
<a href="#" onClick="window.open('smilies.html', 'Smilies', 'width=250,height=500,scrollbars=1');">Show all smilies</a>

<textarea id="textarea" cols="60" rows="10" style="width: 100%"></textarea>
smilies.html包含以下HTML:
<a href="javascript:putTheSmiley(':)');void(0)"><img src="images/smile.gif" alt=":)" title=":)" /></a>
并且使用的JavaScript函数是:
<script>
function insertTheSmiley(input) {
document.getElementById('textarea').value += input;
}

function putTheSmiley(input) {
window.opener.insertTheSmiley(input);
}
</script>
我打算让它做的是将所选/点击的笑脸放在相应的textarea中,当前(作为一个示例场景),如果我点击第二个笑脸链接(以及smilies.html内)它将笑脸置于其中第一个textarea,但是我想把它放在第二个(这是我认为合适的) - 这只是一个例子来说明我的问题。 我猜它是元素id的一个问题,是他们自动化这个或解决方法的一些方法,因为我看过许多论坛软件这样做? 这是一个想法(似乎不起作用):
<script>
function insertTheSmiley(input, id) {
global id;
document.getElementById(id).value += input;
}

function putTheSmiley(input) {
global id;
window.opener.insertTheSmiley(input, id);
}
</script>
    
已邀请:
首先,为每个textarea提供不同的ID ..两者具有相同的ID是坏的和错误的。 其次,当调用函数时,传递所需textarea的ID:
href="javascript:insertTheSmiley(':)', 'MySecondTextarea');void(0)"
最后在函数
insertTheSmiley
中更改代码以从函数参数中获取ID而不是现在的方式 - 如果需要帮助,请发布函数的代码。     
您的textareas必须具有不同的ID。您可以将相应的ID传递给
insertTheSmiley(input)
方法。     

要回复问题请先登录注册