Projektuje sklep internetowy w którym używam wyszukiwarki produktów w pliku oferta.php poprzez formularz wyglądający mniej więcej tak:
Kod
<form id="szuk" method="get" action="">
<select id="rodz" name="rodzaj">
<option>
...
</option>
</select>
<select>
... /*kilka kolejnych select*/
</select>
<input type="submit" id="ok" name="ok" value="ok">
</form>
<?php
/*tutaj kod php wyświetlający wyniki*/
?>
<select id="rodz" name="rodzaj">
<option>
...
</option>
</select>
<select>
... /*kilka kolejnych select*/
</select>
<input type="submit" id="ok" name="ok" value="ok">
</form>
<?php
/*tutaj kod php wyświetlający wyniki*/
?>
wszystko działało pięknie kiedy includowalem ten plik do div na głównej stronie za pomocą php include. teraz muszę zrobić to asynchronicznie więc skorzystałem z jquery i w index.php w skrypcie mam:
Kod
$(document).ready(
function(){
$('#Oferta').click(
function(){
$('.content').load("oferta.php");
}
);
function(){
$('#Oferta').click(
function(){
$('.content').load("oferta.php");
}
);
po kliknięciu w menu przycisku oferta w menu w div.content wyświetla mi się formularz z pliku powyżej, jednak po kliknięciu "ok" w formularzu div zostaje pusty. próbowałem robić to za pomocą obsługi zdarzeń click/submit elementów formularza ale wyglada na to ze skrypt z index.php "nie widzi" id selektorów z pliku ladowanego za pomocą .load().
czy jest w ogóle taka możliwość, żeby formularz wraz z wynikami wyświetlał się w ustalonym divie bez przeładowywania całego index.php. ?
tak jak wspominałem jestem dosyć świeży w jq więc jeśli przeoczyłem jakieś podobne zagadnienie opisane już na forum to sorka
będe wdzięczny za odpowiedź czy da się to zrobić a jeśli tak to mniej więcej szkielet takiego rozwiązania. pozdrawiam