Zrobiłem w bootstrap modal, select. I chciałbym by zawartość div (div znajduje się w modalu) zmieniała się dynamicznie w zależności jaką opcję wybiorę.
select najzwyczjniejszy na świecie:
Kod
<select id="wybor">
<option value="1">1</option>
<option value="2">2</option>
</select>
<div id="zawartosc"></div>
<option value="1">1</option>
<option value="2">2</option>
</select>
<div id="zawartosc"></div>
Ajax:
Kod
$(document).ready(function () {
$('#wybor').change(function(){
$.ajax({
url: "zmiana.php",
type: "post",
data: {option: $(this).find("option:selected").val()},
success: function(data){
$("#zawartosc").html(data);
}
});
});
});
$('#wybor').change(function(){
$.ajax({
url: "zmiana.php",
type: "post",
data: {option: $(this).find("option:selected").val()},
success: function(data){
$("#zawartosc").html(data);
}
});
});
});
zmiana.php
Kod
<?php
echo 'Test';
?>
echo 'Test';
?>
No i niestety nie działa. Oczywiście zmiana.php pokazuje tylko tekst, nie zrobiłem jeszcze warunków co ma pokazywać w zależności od wybranej opcji. W każdym razie w modalu to nie działa. Jak całość jest poza modal, bezpośrednio na stronie to działa.
Proszę o jakieś wskazówki. Bardzo dziękuję.