Monica

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

7 پست در این موضوع قرار دارد

سلام

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

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

3

به اشتراک گذاری این پست


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

سلام

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

 سلام

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

0

به اشتراک گذاری این پست


لینک به پست
در در 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>

 

0

به اشتراک گذاری این پست


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

سلام

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری