Question

关于html按钮事件的问题javascript

文本框 按钮 和 结果显示地方的代码分别如下

<div>
<textarea
style="background:transparent; border:none;" name="MSG" cols=35 rows=4
placeholder="请输入英文或者中文进行翻译(支持翻译单词，词语，句子，短文)"></textarea>
</div>

<div > <input type="submit" name="ButtonAibang" value="翻译" id="Button1" class="join-btn" ></div>

<div class="yijiantitle">翻译结果在这里显示</div>

我点击翻译按钮的时候 就读取 textarea 的内容 然后 把 textarea 的内容 显示在 那个 结果显示的地方
求代码！谢谢

Answer 1

<meta charset="utf-8"> 
<div>
<textarea
 style="background:transparent; border:none;"  name="MSG" cols=35 rows=4
 placeholder="请输入英文或者中文进行翻译(支持翻译单词，词语，句子，短文)" id="file"></textarea>
</div>
<div  > <input  type="submit" name="ButtonAibang" value="翻译" id="Button1" class="join-btn" ></div>
<div class="yijiantitle" id="yijiantitle">翻译结果在这里显示</div>
<script type="text/javascript">
var btn = document.getElementById('Button1'),
file = document.getElementById('file'),
area = document.getElementById('yijiantitle');
btn.onclick = function () {
area.innerHTML = file.value;
}
</script>

Answer 2

用jquery的 导入js包
$(function(){
$("#Button1").click(function(){
var s=$("textarea[name='MSG']").val();
$(".yijiantitle").html(s);
})

})