这就是我需要的:当我选择像“10 Pessoas”这样的选项时......
Image One
我需要更改一些其他选择选项的optgroup标签,例如:我在哪里获得“Recheios Especiais:R $ 10”的信息,我想更改,例如“Recheios Especiais:R $ 20”。当我选择“30 Pessoas”时,将标签更改为“Recheios Especiais:R $ 40”。
这是我的代码:(我正在使用select2插件,但我不认为这与问题相关)
猜猜解决方案与此非常相似,但我不需要更改<div>
的内容,而是需要更改<optgroup label="">
的内容:(链接在评论上)
<form class="form" method='post' id='formBoloMesa' action="custom_includes/orderBolo.php">
<div class="form-group">
<span class="resume-subtitle">Escolha o tamanho</span>
<select name="tamanho" class="form-control select2-list select-options-1" data-placeholder="Clique aqui para escolher" multiple>
<optgroup label="Tamanho">
<?php
include ('custom_includes/connect.php');
$strTamanho = "SELECT * FROM bolo_mesa_itens WHERE tipo='tamanho'";
$rsTamanho = mysql_query($strTamanho);
while($rowTamanho = mysql_fetch_array($rsTamanho)) {
echo '<option value="' . $rowTamanho['nome'] . '">' . $rowTamanho['nome'] . '</option>';
}
?>
</optgroup>
</select>
</div>
<div class="form-group">
<span class="resume-subtitle">
Escolha o modelo
</span>
<select name="modelo" class="form-control select2-list select-options-1" data-placeholder="Clique aqui para escolher" multiple>
<optgroup label="Tipo de Bolo">
<?php
$strModelo = "SELECT * FROM bolo_mesa_itens WHERE tipo='modelo'";
$rsModelo = mysql_query($strModelo);
while($rowModelo = mysql_fetch_array($rsModelo)) {
echo '<option value="' . $rowModelo['nome'] . '">' . $rowModelo['nome'] . '</option>';
}
?>
</select>
</div>
<div class="form-group">
<span class="resume-subtitle">Escolha a Massa</span>
<select name="massa" class="form-control select2-list select-options-1" data-placeholder="Clique aqui para escolher" multiple>
<optgroup label="Massas">
<?php
$strMassas = "SELECT * FROM bolo_mesa_itens WHERE tipo='massa'";
$rsMassas = mysql_query($strMassas);
while($rowMassas = mysql_fetch_array($rsMassas)) {
echo '<option value="' . $rowMassas['nome'] . '">' . $rowMassas['nome'] . '</option>';
}
?>
</optgroup>
</select>
</div>
<div class="form-group">
<span class="resume-subtitle">Escolha 3 recheios</span>
<select name="recheio1" class="form-control select2-list select-options-1" data-placeholder="Escolha o 1º Recheio" multiple>
<optgroup label="Recheios Comuns">
<?php
$strRecheios = "SELECT * FROM bolo_mesa_itens WHERE tipo='recheio'";
$rsRecheios = mysql_query($strRecheios);
while($rowRecheios = mysql_fetch_array($rsRecheios)) {
echo '<option value="' . $rowRecheios['nome'] . '">' . $rowRecheios['nome'] . '</option>';
}
?>
</optgroup>
<optgroup label="Recheios Especiais (+R$10)">
<?php
$strRecheiosPremium = "SELECT * FROM bolo_mesa_itens WHERE tipo='recheio' AND premium='1'";
$rsRecheiosPremium = mysql_query($strRecheiosPremium);
while($rowRecheiosPremium = mysql_fetch_array($rsRecheiosPremium)) {
echo '<option value="' . $rowRecheiosPremium['nome'] . '">' . $rowRecheiosPremium['nome'] . '</option>';
}
?>
</optgroup>
</select>
答案 0 :(得分:0)
找到答案:
<强> JS 强>
$(document).ready(function () {
$('select[name=tamanho]').change(function () {
var selectRecheioGroup = $('select[name=recheio1] .grupoRecheio');
var tamanhoSelecionado = $(this).val();
if (tamanhoSelecionado == 'Tamanho1') {
selectRecheioGroup.attr('label', 'Recheios Especiais: R$20');
} else if (tamanhoSelecionado == 'Tamanho2') {
selectRecheioGroup.attr('label', 'Recheios Especiais: R$30');
}
// ...
});
});
<强> HTML 强>
<optgroup class="grupoRecheio" label="Recheios Especiais: R$10">