下拉产品，在文本字段中输入价格

Question

我需要创建一个简单的下拉菜单，其中包含 5 个项目（widget1、widget2、widget3 等）和一个相应的值，即价格。当用户在选择小部件后单击“价格按钮”时，我需要价格显示在文本框中。这是我从其他 sn-ps 中提取的，但无法弄清楚 '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;