Autor | Zpráva | ||
---|---|---|---|
Milkys Profil |
Dobrý večer,
Níže uvedený kod funguje na 50%. Zobrazuje resp. skrývá výsledky z 1. selectu (výběr datumu). S druhým selectem (výběr měny) potřebuji udělat to samé. Toto by to mělo dělat: Zobrazím stránku: zobrazí se jen výsledky mající id="priceList-1" (2012-05-03) a výsledky id="price-value-1" nechci tam mít výsledky id="price-value-2" (chci jen v Kč). Stále mám id="priceList-1", zvolím v selectu value="price-value-2" (EURA) a měly by se zobrazit ceny jen v eurech. V Kč zůstanou skryty. Takto by měl fungovat id="priceList-2" (2014-10-12). Dá se to vůbec nějak udělat? Pomůže mi s tím prosím někdo? Předem děkuji. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <div id="body-container"> <div id="body-container-in"> <form id="form-season-selection"> <select id="form-season-selection-select"> <option value="priceList-1">2012-05-03 </option> <option value="priceList-2">2012-12-01 </option> </select> </form> <form id="form-currency-selection"> <select name="currencySelector" id="currencySelector"> <option value="price-value-1" label="CZK">CZK </option> <option value="price-value-2" label="EUR">EUR </option> </select> </dd> </dl> </form> <div class="priceLists"> <table class="pricelist" id="priceList-1"> <tbody> <tr><td> <span>Pivo </span></td> <td class="price-value" id="price-value-1"> <span class="price">1000 </span> <span class="currency">Kč </span></td> <td class="price-value" id="price-value-2"> <span class="currency">€ </span> <span class="price">40 </span></td> </tr> </tbody> </table> <table class="pricelist" id="priceList-2"> <tbody> <tr><td> <span>Pivo </span></td> <td class="price-value" id="price-value-1"> <span class="price">500 </span> <span class="currency">Kč </span></td> <td class="price-value" id="price-value-2"> <span class="currency">€ </span> <span class="price">20 </span></td> </tr> </tbody> </table> </div> </div> </div> <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> <script type="text/javascript"> //sezona $(document).ready(function () { $('.pricelist').hide(); $('#priceList-1').show(); $('#form-season-selection-select').change(function () { $('.pricelist').hide(); $('#'+$(this).val()).show(); }) }); </script> </body> </html> |
||
Milkys Profil |
#2 · Zasláno: 5. 5. 2012, 09:05:09
Vyřešeno, jak jednoduché.
//měna $(document).ready(function () { $('.price-value').hide(); $('#price-value-1').show(); $('#currencySelector').change(function () { $('.price-value').hide(); $('#'+$(this).val()).show(); }) }); |
||
Milkys Profil |
#3 · Zasláno: 5. 5. 2012, 14:34:25
Tak to funguje jen pokud tam bude jen jedna částka v Kč nebo euro. Když jich bude více v jedné nebo druké měně tak se zobrazí vždy jen ty první částky a další částky se stejným id ne. Právě proto, že id může být jen jedno.
Tak nevím... Ví někdo prosím jak to vyřešit nebo kde se o podobném problému píše? |
||
_es Profil |
#4 · Zasláno: 5. 5. 2012, 14:59:47
Milkys:
„další částky se stejným id ne. Právě proto, že id může být jen jedno.“ No a prečo im teda nedáš odlišné id ?
|
||
Milkys Profil |
_es:
protože v selectu mám: <option value="price-value-1" label="CZK">CZK </option> <option value="price-value-2" label="EUR">EUR </option> A nechci mít v selectu toto: <option value="price-value-1" label="CZK">CZK </option> <option value="price-value-2" label="EUR">EUR </option> <option value="price-value-3" label="CZK">CZK </option> <option value="price-value-...n" label="EUR">EUR </option> |
||
Časová prodleva: 12 let
|
0