Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > pl.comp.lang.javascript > #3225 > unrolled thread

ajax bootstrap modal

Back to article view | Back to pl.comp.lang.javascript

Contents

  ajax bootstrap modal Łukasz <lukaszWYWALto@rostWYWALtoalski.pl> - 2016-02-29 12:08 +0100
    Re: ajax bootstrap modal zpksoft <zpksoft@op.pl> - 2016-02-29 04:55 -0800
      Re: ajax bootstrap modal Łukasz <lukaszWYWALto@rostWYWALtoalski.pl> - 2016-02-29 14:29 +0100
        Re: ajax bootstrap modal necro666 <celber@celber.pl> - 2016-02-29 15:36 +0100
        Re: ajax bootstrap modal zpksoft <zpksoft@op.pl> - 2016-02-29 07:07 -0800
    Re: ajax bootstrap modal Łukasz <lukaszWYWALto@rostWYWALtoalski.pl> - 2016-03-01 10:21 +0100

#3225 — ajax bootstrap modal

Dzień Dobry.
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:
<select id="wybor">
     <option value="1">1</option>
     <option value="2">2</option>
</select>
<div id="zawartosc"></div>


ajax:
$(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);
             }
         });
     });
});

<?php
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ę.

[toc] | [next] | [standalone]

#3226

W dniu poniedziałek, 29 lutego 2016 12:08:40 UTC+1 użytkownik Łukasz napisał:
> Dzień Dobry.
> 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:
> <select id="wybor">
>      <option value="1">1</option>
>      <option value="2">2</option>
> </select>
> <div id="zawartosc"></div>
> 
> 
> ajax:
> $(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);
>              }
>          });
>      });
> });
> 
> <?php
> 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ę.

document.getElementById('moj div').innerHTML='costam';

Paweł

[toc] | [prev] | [next] | [standalone]

#3227

W dniu 29.02.2016 o 13:55, zpksoft pisze:

> document.getElementById('moj div').innerHTML='costam';

Próbuję tak:
document.getElementById('zawartosc').innerHTML = data;

ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.

-- 
Łukasz

[toc] | [prev] | [next] | [standalone]

#3228

On 2016-02-29 13:29:18 +0000, ukasz said:

> W dniu 29.02.2016 o 13:55, zpksoft pisze:
> 
>> document.getElementById('moj div').innerHTML='costam';
> 
> Próbuję tak:
> document.getElementById('zawartosc').innerHTML = data;
> 
> ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.

To bedzie bardziej replaceWith z jQuery ale możesz to gdzieś pokazać na 
żywo? To powinno już działać tak jak jest

[toc] | [prev] | [next] | [standalone]

#3229

W dniu poniedziałek, 29 lutego 2016 14:29:21 UTC+1 użytkownik Łukasz napisał:
> W dniu 29.02.2016 o 13:55, zpksoft pisze:
> 
> > document.getElementById('moj div').innerHTML='costam';
> 
> Próbuję tak:
> document.getElementById('zawartosc').innerHTML = data;
> 
> ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.
> 
> -- 
> Łukasz

Ja Ci więcej nie pomogę bo nie używam takich wynalazków. Prosta komunikacja ajaksowa jest bardzo prosta w implementacji i działa niezawodnie, nie wiem po co ludzie komplikują sobie życie :)

Paweł

[toc] | [prev] | [next] | [standalone]

#3230

W dniu 29.02.2016 o 12:08, Łukasz pisze:

> Proszę o jakieś wskazówki. Bardzo dziękuję.


Cześć.
Okazało się że w kodzie, w innym miejscu umieściłem:
<div id="zawartosc"></div>

i dlatego w modalu mi tego nie pokazywał.
Dzięki za wskazówki.


-- 
Łukasz

[toc] | [prev] | [standalone]

Back to top | Article view | pl.comp.lang.javascript

csiph-web