javascript-如何在html和javascript中使用來自select選項的輸入？

Question

我想為一個唯一的ID分配一個下拉選項，以便在選擇該ID時，JavaScript將采用該ID，並將其轉換為變量，我可以用它來顯示成本。

這是我到目前為止的內容：

<form>
        <select>
        <option name ="Bristol "value="40.0" id="BN1">Bristol - Newcastle</option>
        </select>
        <button type="button" onclick="BookingFare(); return false;">Submit</button><br>
        </form>

function BookingFare() { 


            var price = 0;
            //var ofAdults = document.getElementById('adults').value;
            //var ofChildren = document.getElementById('children').value;
            var BN1 = document.getElementById('BN1').value;

            if (BN1) {
             var price = price + 40; 
            }

            document.getElementById('priceBox').innerHTML = price;

            }

我無法顯示價格，即使選擇BN1時我只是試圖將其打印為“你好”，也不起作用。 誰能告訴我我所缺少的嗎？

Answer 1

 function BookingFare() { var price = 0; //var ofAdults = getElementById('adults').value; //var ofChildren = getElementById('children').value; var BN1 = document.getElementById('BN1').value; if (BN1) { var price = price + 40; } document.getElementById('priceBox').innerHTML = price; } 

 <form> <select id="BN1"> <option name ="Bristol "value="40.0" >Bristol - Newcastle</option> </select> <button type="button" onclick="BookingFare(); return false;">Submit</button><br> </form> <label id='priceBox'></label>