jquery select и div

[Styl3rbg]

Искам да попитам как чрез jquery ще стане примерно в <select> и съм избрал <option value="1">1</option> и в страни в един div да го наречен content и там да показва примерно 1,2,3,4,5,6 ,а при избиране на option с value 2 да показва 7,8,9,10 ?

 

[Anonymous]

[js]jQuery('select').change(function(){
var selectOption = jQuery('select').val();
switch ( selectOption ) {
case '1' : jQuery('.content').html('1,2,3,4,5,6'); break;
case '2' : jQuery('.content').html('7,8,9,10'); break;
default : jQuery('.content').html(''); break;
}
});[/js] :idea:

 

[Styl3rbg]

[js]jQuery('select').change(function(){
var selectOption = jQuery('select').val();
switch ( selectOption ) {
case '1' : jQuery('.content').html('1,2,3,4,5,6'); break;
case '2' : jQuery('.content').html('7,8,9,10'); break;
default : jQuery('.content').html(''); break;
}
});[/js] :idea:

А как ще стане html?

 

[Anonymous]

Кое, как ще стане?

 

[Styl3rbg]

Кое, как ще стане?

Самия HTML код?

<script>
jQuery('select').change(function(){
var selectOption = jQuery('select').val();
switch ( selectOption ) {
case '1' : jQuery('.content').html('1,2,3,4,5,6'); break;
case '2' : jQuery('.content').html('7,8,9,10'); break;
default : jQuery('.content').html(''); break;
}
});
</script>
<form>
    <fieldset>
		<select>
			<option value="1">1</option>
			<option value="2">2</option>
		</select>
	</fieldset>
</form>
	<div class="content"> </div>

Аз съм го направил така, но не става..

 

[s_gerrard]

[js]jQuery('select').change(function(){
var selectOption = jQuery('select').val();
switch ( selectOption ) {
case '1' : jQuery('.content').html('1,2,3,4,5,6'); break;
case '2' : jQuery('.content').html('7,8,9,10'); break;
default : jQuery('.content').html(''); break;
}
});[/js] :idea:

Не трябва ли вместо:
var selectOption = jQuery('select').val();
да е:
var selectOption = jQuery(this).val();
или даже:
var selectOption = jQuery(this).attr('value');

 

[Styl3rbg]

Ама никой не даде HTML..

 

[Anonymous]

Ама никой не даде HTML..

Точно така трябва да ти изглежда хтмл-а, кое не работи?
Предполагам щом питаш как ще стане с jQuery, си наясно как се борави с библиотеката? Т.е. на кода, който съм постнал по-горе, имаш да си добавиш едно [js]jQuery(document).ready(function(){
// кода
});[/js] :idea:

 

[Styl3rbg]

Ама никой не даде HTML..

Точно така трябва да ти изглежда хтмл-а, кое не работи?
Предполагам щом питаш как ще стане с jQuery, си наясно как се борави с библиотеката? Т.е. на кода, който съм постнал по-горе, имаш да си добавиш едно [js]jQuery(document).ready(function(){
// кода
});[/js] :idea:

Всичко го има, но не става..
Я най-добре ми го дай тук - http://jsfiddle.net/

 

[Anonymous]

А защо ти не постнеш, кода който си написал досега, та да разберем къде е грешката?

 

[Styl3rbg]

http://jsfiddle.net/gB96S/
Ето така работи, но защо не показва default-a в content?

 

[Anonymous]

Ми напиши си направо в контента, каквото искаш

<div class="content">1,2,3,4,5,6,7 </div>

:idea:

 

[Styl3rbg]

В сайта който съм дал по-горе работи, но в моят нещо не иска..
имам си библиотеката и кода, но..