所以我想要的是一个代码,在选择各种选择框的值时显示一个 div。
这是我的 html/css 代码:
<body>
Selecção de produtos <br />
<form name="encomendaflyers">
<select name="flp">
<option value="sf">Só Frente</option>
<option value="fv">Frente e verso</option>
</select><br /><br />
Formato <br />
<select name="flf">
<option value="a6">A6</option>
<option value="a5">A5</option>
</select><br /><br />
Gramagem <br />
<select name="flg">
<option value="80">80</option>
<option value="100">100</option>
</select><br /><br />
</form>
<div id="price1" style="display: none;">10€</div>
<div id="price2" style="display: none;">20€</div>
<div id="price3" style="display: none;">30€</div>
<div id="price4" style="display: none;">40€</div>
<div id="price5" style="display: none;">50€</div>
<div id="price6" style="display: none;">60€</div>
这是我的jQuery代码
<script>
$(document).ready(function(){
$("#encomenda_flyers").change(function(){
if ($(this).val() == "sf" && $(this).val() == "a6" && $(this).val() == "80") {
$("#price1").slideDown("slow"); //Slide Down Effect
} else {
$("#price1").slideUp("fast"); //Slide Up Effect
}
});
});
$(document).ready(function(){
$("#encomenda_flyers").change(function(){
if ($(this).val() == "fv" && $(this).val() == "a5" && $(this).val() == "100") {
$("#price1").slideDown("slow"); //Slide Down Effect
} else {
$("#price1").slideUp("fast"); //Slide Up Effect
}
});
});
</script>
我需要的是,例如,当同时选择选项值 sf、a6 和 80 显示时,div price1 向下滑动,否则如果选择 a5、sf 和 80,div price 2 向下滑动,等等。
有什么帮助吗?