Jquery 根据选择值计算折扣
Jquery calculate discount from select values
我从选择框显示实时计算价格,并通过另一个选择框将金额相乘,如下所示:
$('#tour_type').change(function(){
$('#price').val($("#tour_type option:selected").val());
});
我的选择:
<option selected="" value="">Select a Tour</option>
<option value="3900">3 Hour Tour</option>
<option value="5900">Full Day Tour</option>
<option value="11800">2 Day Tour</option>
值乘以:
<option selected="" value="">Select Riders</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
我想做的是根据骑手的数量(选择 2)减少选择 1 中的一些值
例如:
选择3小时游 | 1-3 骑手值为 3900 |4-6 骑手值为 3400 |等。
精选全日游 | 1-3 骑手值为 5900 |4-6 骑手值为 5100 |等。
如何根据 select2 中的值更改 select1 的值?
通过给出的答案,我尝试了这个:
$("#riders").change(function(){
if($("#riders").val()=="1" || $("#riders").val()=="2" || $("#riders").val()=="3")
{
$('#tourtype option:content("3 Hour Tour")').attr('value', '1000');
$('#tourtype option:content("Full Day Tour")').attr('value', '2000');
$('#tourtype option:content("2 Day Tour")').attr('value', '3000');
}
else if($("#riders").val()=="4" || $("#riders").val()=="5" || $("#riders").val()=="6")
{
$('#tourtype option:content("3 Hour Tour")').attr('value', '4000');
$('#tourtype option:content("Full Day Tour")').attr('value', '5000');
$('#tourtype option:content("2 Day Tour")').attr('value', '6000');
}
});
<select name="tourtype" id="tourtype">
<option value="3900">3 Hour Tour</option>
<option value="5900">Full Day Tour</option>
<option value="11800">2 Day Tour</option>
</select>
<select name="riders" id="riders">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
但这行不通,我在这里做错了什么?
你可以做这样的事情
$(document).ready(function()
{
$('#riders').on("change", function()
{
alert("hie");
if($("#riders").val()=="1" || $("#riders").val()=="2" || $("#riders").val()=="3")
{
$("#tourtype option").each(function() {
if($(this).text()=="3 Hour Tour")
{
$(this).attr('value', '1000');
}
else if($(this).text()=="Full Day Tour")
{
$(this).attr('value', '2000');
}
else
{
$(this).attr('value', '3000');
}
console.log($(this).text());
});
}
else if($("#riders").val()=="4" || $("#riders").val()=="5" || $("#riders").val()=="6")
{
$("#tourtype option").each(function() {
if($(this).text()=="3 Hour Tour")
{
$(this).attr('value', '4000');
}
else if($(this).text()=="Full Day Tour")
{
$(this).attr('value', '5000');
}
else
{
$(this).attr('value', '6000');
}
console.log($(this).text());
});
}
else
{
alert("hie3");
$("#tourtype option").each(function() {
if($(this).text()=="3 Hour Tour")
{
$(this).attr('value', '7000');
}
else if($(this).text()=="Full Day Tour")
{
$(this).attr('value', '8000');
}
else
{
$(this).attr('value', '9000');
}
console.log($(this).text());
});
}
});
});
使用基于乘客编号的开关语句。
function calculateDiscount() {
switch ($(RIDERS_SELECT).val()) {
case 1:
case 2:
case 3:
return 500;
case 4:
case 5:
case 6:
return 800;
// etc.
}
}
相关文章:
- 计算用户从多个文件中选择的选项数量
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 如何根据HTML下拉列表中的数量选择来计算价格
- 嗨,我正试图将我的movieprice数组从复选框值传递给另一个计算选择总数的函数,但我的代码没有;t运行
- 如何使用下拉菜单修复jquery日期选择器日期计算功能
- 从选择选项下拉列表中计算多个值
- 如何使用选择框输入进行计算?HTML和JS
- 计算日期选择器+时间选择器是否在东部标准时区的过去
- 更改选择框时计算价格变化
- 计算在多个下拉框中选择某个对象的次数
- Jquery 使用日期选择器计算天数
- Jquery 根据选择值计算折扣
- 根据 jquery 中 2 个选择列表的选定值动态计算的最佳方法
- 使用 each() 选择并计算未选中复选框的长度
- 如何计算两个日期选择器之间的差异
- 如何让用户使用 javascript 在其本地计算机上选择一个文件夹(而不是文件)
- 根据表单内的选择菜单值计算值
- Shopify (液体) 计算选择和更改样式中的选项大小
- 当更改页面大小时,动态地重新计算选择框的鼠标位置
- 计算选择框值