[PHP] Po wybraniu opcji z <select> wyswietli diva. Opcje

[dawidos_95]

Witam. Chcialbym sié dowiedziec jak zrobic aby po wybraniu opcji z listy rozwijalnej <select> pojawil sié jakis obrazek, tekst czy cokolwiek. To jest pewnie w formie divu z przypisanym ID. Ktos wie? Oczywiscie na silniku mybb

Ten post edytował dawidos_95 12.04.2013, 19:02:51

[jaslanin]

najlepiej to pewnie zrobić poprzez javascript a nie PHP, poprzez dynamiczne tworzenie tych elementów

albo po prostu przy wysyłaniu formularza, jeżeli jest spełniony warunek to wyświetlać dany div

[dawidos_95]

najlepiej to pewnie zrobić poprzez javascript a nie PHP, poprzez dynamiczne tworzenie tych elementów

albo po prostu przy wysyłaniu formularza, jeżeli jest spełniony warunek to wyświetlać dany div

Wiesz jak to zrobić przez javascript?

[Greg0]

http://jsfiddle.net/PSmYb/1/

[dawidos_95]

http://jsfiddle.net/PSmYb/1/

daje to do szablonu:

[PHP] pobierz, plaintext 
  <style type='text/css'>
    #hidden { display: none; }
  </style>
 
 
 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$("select[name='div']").change(function()  {
  if($(this).val() == 'show') {
    $("div#hidden").show();
  }                           
});
});//]]>  
 
</script>
[PHP] pobierz, plaintext 

oraz to do pliku:

[PHP] pobierz, plaintext 
 <select name="div">
    <option value="sth1">Opcja 1</option>
    <option value="sth2">Opcja 2</option>
    <option value="show">Pokaz diva</option>
</select>
<p>Tresc strony</p>
<div id="hidden">Ukryty div</div>
[PHP] pobierz, plaintext 

i nie działa.

[jaslanin]

na stronie jest dostępna biblioteka jQuery?
masz coś w konsoli błędów?

[dawidos_95]

na stronie jest dostępna biblioteka jQuery?
masz coś w konsoli błędów?

biblioteka jest, błąd:
Uncaught TypeError: Cannot call method 'change' of null

Refresh

[jaslanin]

prawdopodobnie na stronie masz dwie biblioteki i obie wykorzystują znak dolara. Przez są konflikty pomiędzy nimi.

musisz więc albo jquery z noconflict i przepisać odpowiednio kod np. poprzez użycie JS'owej struktury IIFE. Albo jakoś inaczej ten problem rozwiązać.

[dawidos_95]

prawdopodobnie na stronie masz dwie biblioteki i obie wykorzystują znak dolara. Przez są konflikty pomiędzy nimi.

musisz więc albo jquery z noconflict i przepisać odpowiednio kod np. poprzez użycie JS'owej struktury IIFE. Albo jakoś inaczej ten problem rozwiązać.

Niestety w javascript jestem zielony. Mógłbyś jakoś pomóc?