javascript - 在下拉框中选择项目时更改文本框值

Question

我正在尝试使用从下拉框中选择的项目来更改文本框的值。但它不起作用。

我试过这个 HTML:

<select name="ncontacts" id="contacts" onchange="ChooseContact(this);"> 
</select>

和这个 JS:

function ChooseContact(data)
{
   alert(data);
   document.getElementById("friendName").value = data;
}

但文本框 val 没有更新。

Answer 1

这是因为 this(ChooseContact 的参数)指的是 select 元素本身，而不是它的值。您需要将 friendName 元素的 value 设置为 select 元素的 value:

document.getElementById("friendName").value = data.value; //data is the element

这是一个 working example .