Question

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

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;

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

1 个答案: