به نام او که هرچه علم است از اوست
سلام به تمام دوستان
بعد از بررسی کنترل های HTML که تو پست قبل ناتمام موند به کنترل لیست کشویی می رسیم که برای استفاده از اون از تگ زیر استفاده می کنیم :
<select name="combobox" size="8" multiple="true">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5" selected="true">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
</select>
این کنترل از ۲ تگ شروع و پایان تشکیل شده. مثل کنترل های قبلی name همون id کنترل ما توی صفحه هست. در این کنترل مفهوم size با بقیه کنترل ها فرق داره.در اینجا سایز به معنی اینه که چند تا از گزینه ها یا همون option ها رو نشون بده که اگه ۱ انتخاب شه یا اینکه اصلا ننویسیمش بصورت combo box در میاد و اگر هم بیشتر از ۱ باشه به صورت list box در دات نت نشون داده میشه. گزینه multiple برای این هست که بتونیم چند مقدار رو با هم انتخاب کنیم .
جالا میرسیم به option ها. option ها هم از تگ شروع و پایان تشکیل شدن. اگر مقداری انتخاب بشه value اون به صفحات دیگه ما پست میشه.پس توی value از فاصله یا کاراکترای اضافی استفاده نکنید. اگه ما بخوایم به صورت پیش فرض گزینه ای انتخاب شه از selected استفاده می کنیم.
بعضی وقت ها میشه گزینه های ما زیادن مثلا می خوایم تمام دروس دانشگاهی رو لیست کنیم. مسلما لیست ما خیلی بلند میشه وپیدا کردن درس یا دروس دلخواه سخته. اما اگه تمام دروس بر اساس رشته لیست بشن پیدا کردن دروس خیلی آسون تر میشه. واسه این کار تگ لیست کشویی رو یه کم تغییرش میدیم تا مثله زیر شه :
<select name="combobox1" size="8" multiple="true">
<optgroup label="group option 1">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
</optgroup>
<optgroup label="group option 2">
<option value="option5" selected="true">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
</optgroup>
</select>
تگ optgroup همون اسم رشته های ما یا در واقع نشون دهنده یه مجموعه گزینه هست که حتما باید دارای label باشه چون این مقدار این label تو کنتزل نکایش داده میشه.
۲ تا مثال بالا رو پایین آوردم که بهتر متوجه بشید .
سلام دوست عزیز وبلاگ واقعا خوبی داری داشتم تو اینترنت میگشتم نمیدونم چطور شد اومدم وبلاگ شما واقعا کارتون زیباست ارزوی موفقیت دارم برای شما