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

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;