何かを行うための最良の方法を見つけようとして、少し立ち往生しています。私のページには、2 つのドロップダウン ボックスと合計テキスト フィールドがあります。
ドロップダウンボックスからオプションを選択すると、それに応じて合計が更新されます。これまでに行ったと思いますが、気が変わって同じドロップダウンボックスを再度変更するかどうかを考えていませんでした。
私のHTMLページはそのように見えます
<body>
<div id = "form">
<form id = "test">
<p>
<label>Case:</label>
<select id="box1" onchange="code(1)">
<option value="0.00">No Case - $0.00</option>
<option value="300.00">Case 1 - $300.00</option>
<option value="100.00">Case 2 - $100.00</option>
<option value="600.00">Case 3 - $600.00</option>
<option value="50.00">Case 4 - $50.00</option>
</select>
<label>Color:</label>
<select id="box2" onchange="code(2)">
<option value="20.00">Red - $20.00</option>
<option value="50.00">Green - $50.00</option>
</select>
<input type="text" name="cost" id="cost" onfocus="this.blur()"/>
</p>
</form>
</div>
</body>
私のjavascriptは次のようになります
function code(num){
var boxnum = "box"+num;
if (boxnum == "box1")
{
var b = document.getElementById("box1");
}
else if(boxnum == "box2")
{
var b = document.getElementById("box2");
}
var boxcost = b.options[b.selectedIndex].value;
var cost = document.getElementById('cost').value;
cost = parseFloat(cost) + parseFloat(boxcost)
document.getElementById('cost').value = cost;
}
現状では、ボックス 1 からケース 3 を選択すると、600 ドルが追加されますが、気が変わってケースなしと言うと、そこにある 600 に 0 が追加されます。
本当に明白な質問が、それを機能させようとして一日中立ち往生していて、少し頭が死んでいる場合は申し訳ありません。
ありがとう