Select laukas su option ir turinys, kaip keisti?

Sveiki,

Yra select forma, o joje pasirinkimai, naujausias, populiariausias, o turinyje yra 2 turiniai, vienas naujausias kitas populiariausias, kaip padaryti, kad parinkus vieną ar kitą selecta keistūsi ir turinys?

Ačiū už pagalbą

su ajax, jei teisingai supratau ko nori, va pvz:

http://www.dhtmlgoodies.com/index.html?whichScript=ajax_chained_select

Rekomenduoju naudot jQuery - bus žymiai greičiau ir geriau. :)

Plačiau - http://api.jquery.co...ected-selector/, http://www.danvega.org/blog/index.cfm/2008/7/1/jQuery-Select-Example

Ačiū, tinkamą informaciją davėte, pasidarysiu dabar :)

Klausimas iš jquerry, o kaip selectinti lauką pagal div'o class arba id???

Bandžiau ir taip ir kitaip ir vistiek nesigavo :>>

$('.class');

$(#id);

Yra select laukas toks:

<select name="garden" multiple="multiple">
<option selected="selected"><?php _e('Naujausi','appthemes')?></option>
<option><?php _e('Atsitiktiniai','appthemes')?></option>
<option><?php _e('Populiariausi','appthemes')?></option>
</select>

Ir yra 3 divai:

<div class="naujausi"></div>
<div class="atsitiktiniai"></div>
<div class="populiariausi"></div>

Tai kaip man padaryti, kad jeigu select vienas, tai rodo div'ą vieną, jei select kitas, tai rodo kitą divą, bandžiau bet nelabai gavosi :)

$('select[name=garden]').change(function(){
value=$('select[name=garden]) option:selected').val();
if(value=="Atsitiktiniai"){
$('.atsitiktiniai').css('display','block');
$('.populiariausi').css('display','none');
$('.naujausi').css('display','none');
}else if(value=="Populiariausi"){
$('.atsitiktiniai').css('display','none');
$('.populiariausi').css('display','block');
$('.naujausi').css('display','none');
}else{
$('.atsitiktiniai').css('display','none');
$('.populiariausi').css('display','none');
$('.naujausi').css('display','block');
}
});

Kodo teisingumo garantijos nėra, todėl tikiuosi, kad jei neveiks, pasitaisysi pats.

Ačiū, mintį pagavau!

Aš geriau padaryčiau štai taip:

<select name="garden" multiple="multiple">
<option selected="selected"><?php _e('Naujausi','appthemes')?></option>
<option><?php _e('Atsitiktiniai','appthemes')?></option>
<option><?php _e('Populiariausi','appthemes')?></option>
</select>
<div class="naujausi selecttrigger"></div>
<div class="atsitiktiniai selecttrigger"></div>
<div class="populiariausi selecttrigger"></div>

O tada JS atrodytų taip:

	<script type="text/javascript">
$(function(){
	$('.selecttrigger').hide();
	$('select[name=garden]').change(function () {
			$('.selecttrigger').hide();
			var str = $('select[name=garden]) option:selected').val();
			$('.' + str.toLowerCase()).show();
	});
});
</script>

Siūlyčiau show() ir hide() funkcijas naudot.

Rekia mokėti, man su select laukais darbas buvo ir dar yra sudėtingas :>>>

Pavyzduką galima atmesti?

esminio skirtumo nėra, bet  

$('select[name=garden]').change(function(){ value=$('select[name=garden]) option:selected').val(); if(value=="Atsitiktiniai"){ $('.atsitiktiniai').show(); $('.populiariausi').hide(); $('.naujausi').hide(); }else if(value=="Populiariausi"){ $('.atsitiktiniai').hide(); $('.populiariausi').show(); $('.naujausi').hide(); }else{ $('.atsitiktiniai').hide(); $('.populiariausi').hide(); $('.naujausi').show(); } });