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

Cannot Fill Textbox with Javascript After Editing

本文关键字：填充 文本 Javascript 编辑      更新时间：2023-09-26

我有一个简单的下拉框，当选择下拉项时，我成功地使用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
}

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

演示

将提交按钮更新为：

<input type=Submit value="Clear" onclick="document.getElementById('mytext').innerHTML='';">
相关文章：