Javascript 下拉菜单计算

如何计算用户选择的两个下拉菜单的总值。我在HTML中没有预先确定的值。这是我的代码，我想将票数乘以所选的价格，并将其显示给用户。谢谢

HTML

    <select name="price" id="price" style="width:120px">

    <option>Select Price</option>
</select>
<br>
<br>
<select name="tickets" id="tickets" style="width:120px">
    <option>Select Tickets</option>
</select>

   <br>
   <br>
<input name="button" type="button" value="Submit" onClick="return validate2()"/>   
<input name="reset" type="reset" value="Reset" />
</form>

---

首先，我假设地点、日期、门票和价格是对所选元素的引用

然而，对于您当前的代码，我建议这样做-

function validate2() {
    var truePrice = parseFloat(String.replace(price.options[price.selectedIndex].value, '£', '')),
        noOfTickets = parseInt(ticket.options[ticket.selectedIndex].value);

    return truePrice * noOfTickets;        
}

---

根据我的回答，这里有一个可用的小提琴：）

您必须在变量中获得两个下拉列表的值。 下拉列表或其他hthml标记的值是字符串

您必须将字符串转换为数字。 如何做到这一点您可以在此处阅读：

之后，您可以执行正常操作，如

var c=var a+var b

greetings

使用jQuery：

<script src="https://code.jquery.com/jquery.js"></script>
<script>
    $('select').on('change', function (e) {
        var tickets = $('#tickets').val();
        var price = $('#price').val().substring(1);
        alert(tickets * price);
    });
</script>

---

似乎不起作用。我已经将这段代码放入我的JavaScript中：函数totalPrice（）{var truePrice=parseFloat（String.replace（price.value，，，，，''），noOfTickets=parseInt（ticket.value）；return document.getElementById（mytotal）.innerHTML=truePrice*noOfTickets；}在我的HTML中有一个div标记，可以将其输出到users。看起来你错过了我所做的编辑。我忘了你是在使用选择框，但在我发布后才意识到。查看已编辑的代码；）我得到错误代码：Uncaught TypeError:Object function String（）{[native code]}没有方法'replace'，请尝试：price.options[price.selectedIndex].value.replace（'英镑'，''）而不是：String.replace（price.options[price.selectedIndex].value，'英镑'，''）我忘了我有一个框架：）我更改了price.options[price.selectedIndex].value.replace（“”，“”）到price.options[price.selectedIndex]。value.replace，“”，“”，“”）。现在没有错误，但不起作用@彼得奥克

<script src="https://code.jquery.com/jquery.js"></script>
<script>
    $('select').on('change', function (e) {
        var tickets = $('#tickets').val();
        var price = $('#price').val().substring(1);
        alert(tickets * price);
    });
</script>

$('#resultBox').html(tickets * price);