Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] jak zrobic podmianianie formy bez odswiezania strony
Forum PHP.pl > Forum > Po stronie przeglądarki
AndyPSV
Mam podstrone i jest do wyboru

KONTO: | osoba prywatna | firma [[ radio button ]]


automatycznie jest wybrane "osoba prywatna" (jest ladowany kod), jednak po kliknieciu "firma" chce, aby kod byl podmieniony na nowy
jak to zrobic?

[JAVASCRIPT] pobierz, plaintext
  1. $("input[@name='rdio']").change(function(){
  2. if ($("input[@name='rdio']:checked").val() == 'a')
  3. // Code for handling value 'a'
  4. else if ($("input[@name='rdio']:checked").val() == 'b')
  5. // Code for handling value 'b'
  6. else
  7. // Code for handling 'c'
  8. });
[JAVASCRIPT] pobierz, plaintext


jak zaladowac strone? funkcja load?
moglby ktos pomoc?

----

znalazlem w koncu dzialajacy przyklad: http://www.danvega.org/examples/jquery/select.htm, jednak to nie jest to co chce osiagnac,

chce aby w kodzie byly podane 2 divy, np. #company oraz #invidual i tam, aby byla ich tresc

ABY TYLKO pokazywal div'a wybranego (czyli np. tylko firme) i najwazniejsze: aby dane POST byly przesylane TYLKO z tego widocznego DIV'a; moglby ktos pomoc?
gargamel
http://api.jquery.com/load/
crafter
a tam od razu load load . wydaje mi sie ze ci ajax nie jest tutaj potrzebny dlatego prosty warunek
if ($('select.abc').val()=='okrselony select') {
$('div.klasa').empty();
$('div.klasa').html(renderHtml());
}

function renderHtml() {
return '<form><input..........</form>';
}

chyba ze ajax to wtedy wywolaj $.ajax({}); jesli uzywasz framewrka to: w data: daj zmienna ktora chcesz przekazac do metody urla w metodzie phpa wywolaj renderowanie widoku albo partiala w partialu daj formularz html metoda zwroci ci oczywiscie htmla tego formularza odbierzesz go w jsie succses(msg) i tam robisz $('div').append(msg)'
no i tyle
AndyPSV
zmieniam pytanie, mam cos takiego:

<!--Geshi:235924:html--><pre class="html4strict" style="font-family:monospace;"><div class="head">[HTML] <span class="kw2">script</span>></span></div>
[/list]<div class="foot">[HTML] <a href='./Pobierz-Plik-235925.html' target='_blank_t0'>ype").change(onSelectChange);});</div><li class="li2"><div class="de2"> function onSelectChange(){</div><li class="li1"><div class="de1"> var selected = $("#acc_type option:selected");</div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"> if(selected.val() == 0) { $("#output").html(''); }</div><li class="li2"><div class="de2"> if(selected.val() == 1) { $("#output").load('<span class="sc2"><% $TPL %></span>m/<span class="sc2"><% $md %></span>/invidual.html?q=<span class="sc2"><?<span class="sy0">=</span>time<span class="br0">(</span><span class="br0">)</span>?></span>'); }</div><li class="li1"><div class="de1"> if(selected.val() == 2) { $("#output").load('<span class="sc2"><% $TPL %></span>m/<span class="sc2"><% $md %></span>/company.html?q=<span class="sc2"><?<span class="sy0">=</span>time<span class="br0">(</span><span class="br0">)</span>?></span>'); }</div><li class="li2"><div class="de2"> }</div><li class="li1"><div class="de1"><span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span></div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"><span class="sc2"><<span class="kw2">select</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"acc_type"</span>></span></div><li class="li2"><div class="de2"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"0"</span>></span><span class="sc1">?</span> <span class="sc2"><% $_.select %></span> <span class="sc1">?</span><span class="sc2"><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"1"</span>><% $_.invidual %><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li2"><div class="de2"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"2"</span>><% $_.company %><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li1"><div class="de1"> <span class="sc2"><<span class="sy0">/</span><span class="kw2">select</span>></span></div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"><span class="sc2"><<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"output"</span>><<span class="sy0">/</span><span class="kw2">div</span>></span></div>
[/list]<div class="foot">[HTML] [topic=0]ype option:selected");</div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"> if(selected.val() == 0) { $("#output").html(''); }</div><li class="li2"><div class="de2"> if(selected.val() == 1) { $("#invidual").show("slow"); }</div><li class="li1"><div class="de1"> if(selected.val() == 2) { $("#company").show("slow"); }</div><li class="li2"><div class="de2"> }</div><li class="li1"><div class="de1"><span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span></div>
[/list]<div class="foot">[HTML] <a href='./Pobierz-Plik-235925.html' target='_blank, <a href='Plaintext-235925.html' target='_blank_t0'>ype option:selected");</div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"> if(selected.val() == 0) { $("#output").html(''); }</div><li class="li2"><div class="de2"> if(selected.val() == 1) { $("#invidual").show("slow"); }</div><li class="li1"><div class="de1"> if(selected.val() == 2) { $("#company").show("slow"); }</div><li class="li2"><div class="de2"> }</div><li class="li1"><div class="de1"><span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span></div>
[/list]<div class="foot">[HTML] <a href='./Pobierz-Plik-235925.html' target='_blank_t0'>ype").change(onSelectChange);});</div><li class="li2"><div class="de2"> function onSelectChange(){</div><li class="li1"><div class="de1"> var selected = $("#acc_type option:selected");</div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"> if(selected.val() == 0) { $("#output").html(''); }</div><li class="li2"><div class="de2"> if(selected.val() == 1) { $("#output").load('<span class="sc2"><% $TPL %></span>m/<span class="sc2"><% $md %></span>/invidual.html?q=<span class="sc2"><?<span class="sy0">=</span>time<span class="br0">(</span><span class="br0">)</span>?></span>'); }</div><li class="li1"><div class="de1"> if(selected.val() == 2) { $("#output").load('<span class="sc2"><% $TPL %></span>m/<span class="sc2"><% $md %></span>/company.html?q=<span class="sc2"><?<span class="sy0">=</span>time<span class="br0">(</span><span class="br0">)</span>?></span>'); }</div><li class="li2"><div class="de2"> }</div><li class="li1"><div class="de1"><span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span></div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"><span class="sc2"><<span class="kw2">select</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"acc_type"</span>></span></div><li class="li2"><div class="de2"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"0"</span>></span><span class="sc1">?</span> <span class="sc2"><% $_.select %></span> <span class="sc1">?</span><span class="sc2"><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"1"</span>><% $_.invidual %><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li2"><div class="de2"> <span class="sc2"><<span class="kw2">option</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">"2"</span>><% $_.company %><<span class="sy0">/</span><span class="kw2">option</span>></span></div><li class="li1"><div class="de1"> <span class="sc2"><<span class="sy0">/</span><span class="kw2">select</span>></span></div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"><span class="sc2"><<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"output"</span>><<span class="sy0">/</span><span class="kw2">div</span>></span></div>
[/list]<div class="foot">[HTML] [topic=0]ype option:selected");</div><li class="li2"><div class="de2"> </div><li class="li1"><div class="de1"> if(selected.val() == 0) { $("#output").html(''); }</div><li class="li2"><div class="de2"> if(selected.val() == 1) { $("#invidual").show("slow"); }</div><li class="li1"><div class="de1"> if(selected.val() == 2) { $("#company").show("slow"); }</div><li class="li2"><div class="de2"> }</div><li class="li1"><div class="de1"><span class="sc2"><<span class="sy0">/</span><span class="kw2">script</span>></span></div>
[/list]<div class="foot">[HTML] <a href='./Pobierz-Plik-235925.html' target='_blank, <a href='Plaintext-235925.html' target='_blank </div></pre><!--/Geshi:235925:html-->


jednak jak zrobic, aby czytal tylko te pola, ktore sa wyswietlane, a nie wszystkie?


dobra, juz sobie poradzilem dzieki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.