Question

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

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

如果用户更改了文本框，我该如何继续使用下拉框？

HTML code：

<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修复它。

Demo

Answer 2

将提交按钮更新为：

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

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

2 个答案: