[jquery] jak zrobic podmianianie formy bez odswiezania strony Opcje

[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 
$("input[@name='rdio']").change(function(){
    if ($("input[@name='rdio']:checked").val() == 'a')
        // Code for handling value 'a'
    else if ($("input[@name='rdio']:checked").val() == 'b')
        // Code for handling value 'b'
    else
        // Code for handling 'c'
});
[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?

Ten post edytował thek 21.10.2010, 07:40:32

Powód edycji: [thek]: Lepiej, ale używaj własciwych tagów BBcode, tym razem poprawię, na przyszłość używaj prawidłowych.

[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

Ten post edytował AndyPSV 22.10.2010, 16:37:41