如何使用click事件用javascript输入填充textarea

时间:2012-12-24 23:11:30

标签: javascript button onclick click textarea

我有一个textarea,人们应该能够链接到我网站上的其他主题。我现在有6个按钮OnClick,但我希望它更容易实现,所以我想要一个click event代替它......

问题在于我不知道该怎么做。例如,如果有人点击某个按钮,则必须弹出一个带有输入字段的javascript弹出窗口,人们可以在其中填写网站或主题的URL。填写完毕后,必须自动将其放在textarea上。

我该怎么做?

这就是我的尝试:

<?php
if ($verified_user) {
  echo "
<form method=post action=\"\" class=post> 

<textarea id=\"qut\"></textarea>

<div class=wtf>
        <input type=\"button\" class=\"button\" onclick=\"hen('d','--! ($language[spoil]: spoiler) !--\n\r','\n\r--! ($language[spoil] : spoiler) !--\r')\" value=\"$language[spoiler]\"  />
</div>   
";    }

?>

</div>
</textarea>
</form>

2 个答案:

答案 0 :(得分:1)

因此,首先,您需要检查如何使用事件侦听器。谷歌,你会发现这个链接:https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

然后您需要知道如何更新文本框的内容。再次:在互联网上查找它,你会发现innerHTML

最后它看起来像这样:http://jsfiddle.net/zvnAH/1/

var button = document.getElementById("button");

if(button.addEventListener){ //FF, Chrome, Safari, IE > 9, ...
    button.addEventListener('click', addLink, false); 
}else if(button.attachEvent){ //IE < 9
    button.attachEvent('onclick', addLink);
}

function addLink(){
    var tmp = document.getElementById("txt").innerHTML;
    var link = prompt("Add link:");
    document.getElementById("txt").innerHTML = tmp + link;
}​

答案 1 :(得分:0)

按钮上的

(六个中的一个),添加:

<input type="button" onclick="window.open(URL_of_the_new_page_with_input_field,'name_popup','menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100');" />

在另一页中,您有输入字段和一个按钮确定。

使用它:

<input type="button" value="OK" onclick="window.opener.document.getElementById('the_textarea_id').value = document.getElementById('the_inputfield_id').value" />

愿这有帮助。