1

5 つの項目 (widget1、widget2、widget3 など) と対応する値 (価格) を含む単純なドロップダウン メニューを作成する必要があります。ユーザーがウィジェットを選択した後に「価格ボタン」をクリックすると、テキスト ボックスに価格が表示される必要があります。これは他のスニペットから引っ張ってきたものですが、テキスト領域に挿入するための「var x」の後の 2 番目の部分がわかりません。

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>

私が見つけたほとんどの例では、ドロップダウンが選択された後にテキスト ボックスが変更されます。ボタンをクリックした後に機能する必要があります。ありがとう

4

1 に答える 1

0

あなたはもうとても近くにいます。値を取得するために使用したプロセスを逆にしますが、テキストボックスの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;
于 2012-08-16T02:29:46.970 に答える