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

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元素本身,而不是它的值.您需要value将friendName元素设置为元素value的select元素:

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

这是一个有效的例子.