首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法从Bootstrap下拉列表中提取值到我的计算中

无法从Bootstrap下拉列表中提取值到我的计算中
EN

Stack Overflow用户
提问于 2014-02-18 22:38:27
回答 1查看 185关注 0票数 0

我目前正在尝试Bootstrap来设置我的dropdowns的样式,我想根据从两个dropdowns中选择的值进行一个小的计算。基本上,你要选择船上的人数。所有的船都有固定的价格,所以你在一艘船上坐的越多,对每个人来说就越便宜。但是有不同的船可供不同数量的人使用。人数分为三组: 5-7人,8-9人和10-11人。

下面是我的两个下拉列表:

代码语言:javascript
复制
<select id="pickpersons" class="selectpicker" data-style="btn-primary" data-width="100%" title="Välj antal">
    <option value="5">5 personer</option>
    <option value="6">6 personer</option>
    <option value="7" data-subtext="(mer prisvärt)">7 personer</option>
    <option value="8">8 personer</option>
    <option value="9" data-subtext="(mer prisvärt)">9 personer</option>
    <option value="10">10 personer</option>
    <option value="11" data-subtext="(mer prisvärt)">11 personer</option>
</select>
<select id="pickboat" class="selectpicker" data-style="btn-primary" data-width="100%" data-header="Välj båt">
    <option value="oceanis40" data-price="8999">Oceanis 40</option>
    <option value="bavaria38" data-price="8699">Bavaria 38</option>
    <option value="hanse370" data-price="8799">Hanse 370</option>
    <option value="sunodyssey42" data-price="9699">Sun Odyssey 42</option>
</select>

因此,我想从第一个下拉列表中提取人数,并将该值乘以船上的价格(在第二个下拉列表的data-price属性中定义),然后将该数字除以每个价格组的最大人数(7、9或11)。

代码语言:javascript
复制
var pickboat;
var pickedpersons = $('#pickpersons').val();
var boatprice = $('#pickboat').data('price');

if (pickedpersons === 5 || pickedpersons === 6 || pickedpersons === 7) {
    pickboat = "7";
} else if (pickedpersons === 8 || pickedpersons === 9) {
    pickboat = "9";
} else if (pickedpersons === 10 || pickedpersons === 11) {
    pickboat = "11";
};

var price = (boatprice*pickedpersons)/pickboat;

console.log(price);

这是我对jQuery解决方案的尝试,但我无法正确提取数字。我试着翻阅Bootstrap手册,看看我是否遗漏了什么,但我找不到。

有什么想法吗?

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2014-02-18 23:06:13

以下是我尝试的解决方案-->

var pickboat;var pickedpersons = parseInt($('#pickpersons').val());var boatprice = $('#pickboat :selected‘).data(’===‘);alert (pickedpersons );alert(boatprice);if (pickedpersons === 5 || pickedpersons === 6 || pickedpersons === 7) { pickboat = "7";} else if (pickedpersons === 8 || pickedpersons === 9) { pickboat = "9";} else if (PickkedPersons=== 10 || PickkedPersons=== 11) { pickboat = "11";};var价格=(船价*被挑选的人)价格;/pickboat(价格);

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21857010

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档