Select - wybór opcji

Question

Witam,

otóż mam pewien problem 

Jest select, który ma za zadanie wybór płatności. Po wybraniu na przykład paypala chcę aby pod nim pojawił się tekst z adresem e-mail ale nie mam pojęcia jak to zrobić. Czy byłby ktoś w stanie mi pomóc?

<div class="style_input">
	<select style="height: 30px; width:250px; font-size:18px;;">
	<option value="paypal">Paypal</option>
	<option value="paysafecard">Paysafecard</option>
	<option value="przelew">Przelew</option>
	</select>
</div>

 

Answer 1

<div class="style_input">
    <select id="wybor" style="height: 30px; width:250px; font-size:18px;;">
    <option value="paypal">Paypal</option>
    <option value="paysafecard">Paysafecard</option>
    <option value="przelew">Przelew</option>
    </select>
    
    <div class="paypal">paypal</div>
    <div class="paysafecard">psc</div>
    <div class="przelew">przelew</div>
</div>

Użyj Jquery  

  

$(function() {
        $('#wybor').change(function(){
            $('.' + $(this).val()).show();
        });
    });

przykład: http://jsfiddle.net/FvMYz/3760/

Comments

Prawie dobrze ale jesli wybiore na przykład paysafecard a potem paypal to napis psc nie znika. Jak temu zaradzić?

---

dodaj klase cart do każdego diva i chowaj przy każdym change, a potem pokazuj ;)

$(function() {
        $('#wybor').change(function(){
        $('.cart').hide();
            $('.' + $(this).val()).show();
        });
    });

 

http://jsfiddle.net/FvMYz/3761/

---

Bardzo dziękuje, działa :D

Answer 2

http://www.forumweb.pl/gotowe-komponenty-www/skrypt-my-usable-forms,87457