javascript - 如何使用 javascript 将选择中的值发送到 html 中的输入文本？

Question

我正在尝试根据下拉列表(例如 )中的选择将值发送到 。我想获取 possiblePhone.id 的值并将其发送到 。

<script>
function copyTextValue() {
    var text1 = document.getElementById("source").value;
    document.getElementById("destination").value = text1;

}
</script>


<div>
<select th:field="${possiblePhones}">
    <option value="0">select phone</option>
    <option id="source" onselect="copyTextValue()"
            th:each="possiblePhone : ${possiblePhones}"
            th:value="${possiblePhone.id}"
            th:text="${possiblePhone.model}"></option>
</select>
</div>

<td><input type="text" id="destination"> </td>

例如，如果选择“Samsung”，则应将“1”发送到输入字段，依此类推。实际上，我没有得到任何输出。

Answer 1

<select id="source" onchange="copyTextValue()">
    <option value="0">select phone</option>
    <option value="1">samsung</option>
    <option value="2">something</option>
</select>

id="source"属性应位于 <select> 中元素，也改变onselect至onchange并将其移至<select>元素也是如此。

代码笔:https://codepen.io/anon/pen/WVxLpz