احضار مطلب مشخص با سلکت آپشن

[Monica 322]

سلام

من میخوام ی لیست آپشن داشته باشم که وقتی مثلا روی آپشن x کلیک میکنم محتوای مشخص من بیاد روی y همینطور ، کد من چجوری میشه؟

در ضمن مطلب هام html و استاتیک هست ... (راستی تو W3 گشتم و چیزی پیدا نکردم)

<select id="mySelect">
	  <option>X</option>
	  <option>Y</option>
	  <option>Z</option>
	  <option>A</option>
	</select>

[مهدی 1668]

سلام

منظورتون این‌طوری

[Monica 322]

در 6 ساعت قبل، مهدی گفته است :

سلام

منظورتون این‌طوری

 سلام

ممنونم ، قبلا اینو امتحان کردم اون بخش js  بروز نیست و عمل نمیکنه ، اینم امتحان میکنم . مرسی

[Monica 322]

در در 12/6/2016 at 03:37، مهدی گفته است :

سلام

منظورتون این‌طوری

از کد شما استفاده کردم . من میخوام وقتی سایت باز میشه بصورت پیش فرض مطالب مثلا content2 نمایش داده بشه . کاربر لگر خواست تغییر بده ، 

در کد شما اول چیزی نمایش داده نمیشه و کاربر باید انتخاب کنه، 

چجوری بصورت دیفالت یکیش رو نمایش بدیم؟

کد شما

<style type="text/css">
div.content123 {
  display: none
}
</style> 

<select id="select123">
	<option value="content1">content1</option>

	<option 
value="content2">content2</option>
	
<option value="content3">content3</option>
	<option value="content4">content4</option>
</select>
<div id="content1" class="content123">
	content1
</div>

<div id="content2" class="content123">
	contentttttttt
</div>

<div id="content3" class="content123">
	content3
</div>
<div id="content4" class="content123">
	content4
</div>

<script>
jQuery(document).ready(function ( $ ) {
	jQuery('#select123').change(function(){
		jQuery('.content123').hide();
		jQuery('#' + jQuery(this).val()).show();
	});
});
</script>

 

[majid1889 733]

اینطوری :

http://codepen.io/Majid-Kaffash/pen/KNjXRO

[Monica 322]

در 13 دقیقه قبل، majid1889 گفته است :

اینطوری :

http://codepen.io/Majid-Kaffash/pen/KNjXRO

سلام

بله ، کاملا درسته، متشکرم ...

با selected="selected" چجوری اینکار رو میکنن؟

[majid1889 733]

این همونه ( خط سوم که selected رو اضافه کردم )

فقط باس بای دیفالت توی js نمایش دادن اون فیلد رو تعریف کنی !