关于HTML5文本框之间的交接问题

Question

想去掉一个文本框，语音识别出来后直接自动翻译出，但是交接上遇到了问题，应该怎么修改？

<div class="button" onclick="startRecognize();">语音识别</div>

<br/>

<textarea readonly="readonly" id="text" style="margin:2%;padding:2%;height:50%;width:90%;" ></textarea>      //语音识别后 识别内容到本框 我想要去掉一个文本框，语音识别出来后直接翻译出来。

<div>

<div id="zh">

<textarea id="zh-text" onkeyup="document.getElementById('translate').click();"></textarea>

</div>

<div>

<select id="language">

<option value="en">English</option>

</select> 

</div>

 <textarea id="ttsText" type="text""></textarea>

 <button id="translate">Translate</button>

Answer 1

语音识别后 给文本框赋值  然后判断文本框有值 在翻译就行 在click 点击事件里面也就行

Answer 2

写的change事件里面 隐藏 调出 试试