查看輸入的價格select

-5

我正在一家餐廳的網站上工作。我創建了一個帶有選擇選項的表單，我希望如果某人選擇了任何選項，該選項的價格將會出現。我知道JavaScript應該被使用，但我在JavaScript中不太好。查看輸入的價格select

<div class="col-md-7 col-md-offset-1"> 
 
    <div class="col-md-3"> 
 
    <label for="menu">Food: </label> 
 
    </div> 
 
    <div class="col-md-5"> 
 
    <select name="menu" id="menu" required> 
 
     <option value="jollof" selected>Jollof w/ chicken</option> 
 
     <option value="jollof">Plain Rice w/ chicken</option> 
 
     <option value="jollof">Salad w/ chicken</option> 
 
     <option value="jollof">Jollof w/ Fish</option> 
 
     <option value="jollof">Plain Rice w/ chicken</option> 
 
     <option value="jollof">Fufu w/ chicken</option> 
 
     <option value="jollof">Fufu w/ Goat Meat</option> 
 
     <option value="jollof">Fufu w/ Fish</option> 
 
     <option value="jollof">Chips w/ Chicken</option> 
 
     <option value="jollof">Chips w/ Fish</option> 
 
    </select> 
 
    </div> 
 
</div>

來源

2017-07-01 Jeff Landen

在這種情況下，它取決於那裏的價格是從哪裏來的？ –

太棒了，你已經分享了你的標記。但是，如何提供定價數據？沒有這一點，我們不知道該怎麼做。 – Terry

我能夠弄清楚，我解決了它，謝謝 –

更改根據您的價格在option標籤value。

var drop = document.getElementById("menu"); 
 
var price = document.getElementById("price"); 
 
drop.onchange = function() { 
 
price.innerHTML = "$" + drop.value; 
 
}

<div class="col-md-7 col-md-offset-1"> 
 
    <div class="col-md-3"> 
 
    <label for="menu">Food: </label> 
 
    </div> 
 
    <div class="col-md-5"> 
 
    <select name="menu" id="menu" required> 
 
<option value="10" selected>Jollof w/ chicken</option> 
 
<option value="20" >Plain Rice w/ chicken</option> 
 
<option value="30" >Salad w/ chicken</option> 
 
<option value="40" >Jollof w/ Fish</option> 
 
<option value="50" >Plain Rice w/ chicken</option> 
 
<option value="60" >Fufu w/ chicken</option> 
 
<option value="70" >Fufu w/ Goat Meat</option> 
 
<option value="80" >Fufu w/ Fish</option> 
 
<option value="90" >Chips w/ Chicken</option> 
 
<option value="100" >Chips w/ Fish</option> 
 
</select> 
 
    </div> 
 
    <p id="price"></p> 
 
</div>

來源

2017-07-01 22:12:00

非常感謝你，它的工作。我想我應該儘快從JavaScript開始 –

查看輸入的價格select

回答

相關問題