Article View: pl.comp.lang.javascript
Article #51638Re: ajax bootstrap modal
From: zpksoft
Date: Mon, 29 Feb 2016 12:55
Date: Mon, 29 Feb 2016 12:55
43 lines
2492 bytes
2492 bytes
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ł
Technical Details
Message-ID:
<137d0731-5b66-437d-bdbb-b676ac5aef86@googlegroups.com>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed.pionier.net.pl!feeder.erje.net!2.us.feeder.erje.net!news.glorb.com!y89no4758275qge.0!news-out.google.com!h70ni1313qge.0!nntp.google.com!w104no4102757qge.1!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mailReferences:
<nb18rn$b85$1@node2.news.atman.pl>Show Full Headers
Complete Article Headers
X-Received: by 10.140.222.72 with SMTP id s69mr12825988qhb.15.1456750555111; Mon, 29 Feb 2016 04:55:55 -0800 (PST) X-Received: by 10.140.42.197 with SMTP id c63mr279191qga.5.1456750555089; Mon, 29 Feb 2016 04:55:55 -0800 (PST) Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed.pionier.net.pl!feeder.erje.net!2.us.feeder.erje.net!news.glorb.com!y89no4758275qge.0!news-out.google.com!h70ni1313qge.0!nntp.google.com!w104no4102757qge.1!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail Newsgroups: pl.comp.lang.javascript Date: Mon, 29 Feb 2016 04:55:54 -0800 (PST) In-Reply-To: <nb18rn$b85$1@node2.news.atman.pl> Complaints-To: groups-abuse@google.com Injection-Info: glegroupsg2000goo.googlegroups.com; posting-host=217.99.167.30; posting-account=8ND_mgoAAAD5J9y9fnaTB1Kcu7xKWk7Q NNTP-Posting-Host: 217.99.167.30 References: <nb18rn$b85$1@node2.news.atman.pl> User-Agent: G2/1.0 MIME-Version: 1.0 Message-ID: <137d0731-5b66-437d-bdbb-b676ac5aef86@googlegroups.com> Subject: Re: ajax bootstrap modal From: zpksoft <zpksoft@op.pl> Injection-Date: Mon, 29 Feb 2016 12:55:55 +0000 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit