javascript - 编辑后无法用 Javascript 填充文本框

Question

我有一个简单的下拉框，我成功地使用 Javascript 在选择下拉项时自动填充文本框。

一旦我编辑任何文本框的自动填充文本，或使用“清除”按钮擦除文本框，下拉列表不再替换填充文本框。

用户更改文本框后，如何继续使用下拉框？

JSFiddle 版本

HTML 代码：

<select id="dropdown" onchange="preset();">
    <option value="">Select a person:</option>
    <option value="Abe" >Abe</option>
    <option value="Bob" >Bob</option>
    <option value="Cal" >Cal</option>
    <option value="Dan" >Dan</option>
</select>

<input type=Submit value="Clear" onclick="document.getElementById('mytext').value='';">

<textarea id="mytext"></textarea>

Javascript代码：

function preset() {
    document.getElementById("mytext").innerHTML=document.getElementById("dropdown").value
}

Answer 1

你innerHTML在一个地方使用，value在另一个地方使用。在两者中使用value都可以修复它。

演示

Answer 2

将提交按钮更新为：

<input type=Submit value="Clear" onclick="document.getElementById('mytext').innerHTML='';">