下拉式产品，将价格放在文本字段中

Question

我需要创建一个包含5个项目（widget1，widget2，widget3等）的简单下拉菜单以及相应的价格。当用户在选择小部件后点击'价格按钮'时，我需要在文本框中显示价格。这是我从其他片段中提取的内容，但无法弄清'var x'后面的第二部分，将它插入文本区域。

function displayResult() 
{ 
var x=document.getElementById("dropdown").value; 
} 

和HTML ...

<form action=""> 
<select id="dropdown" > 
<option value="$1">widget1</option> 
<option value="$2">widget2</option> 
<option value="$3">widget3</option> 
<option value="$4">widget4</option> 
</select> 

<button type="button" onclick="displayResult()">Price</button> 
</form> 
<textarea = id="showprice" size="10" maxlength="10"></textarea> 

大多数我发现改变文本框的下拉菜单中选择后的例子，我需要点击按钮后，它的工作。谢谢

Answer 1

你已经很近了。只要反向你用来过程中得到值，但使用文本框的ID和设置其value属性：

function displayResult() { 
    var x=document.getElementById("dropdown").value; 
    document.getElementById("showprice").value = x; 
} 

如果这是displayResult()没有你不需要x唯一变量：

document.getElementById("showprice").value = document.getElementById("dropdown").value;