مشکل در تغییر select

[hamed_hymn]

سلام به اساتید
من مبتدی هستم
من تصویر شماره 1 را دارم
میخوام select را تغییرش بدم و بشه شبیه تصویر شماره 2
چگونه باید اینکارو کرد؟
لطفا کد css و ... را در اختیار بنده قرار بدید.
http://picme.ir/images/64162060938967430844.jpg (http://picme.ir/)
کدی که من برای select استفاده میکنم این است.


<select id="language" onchange="$(this).getParent('form').submit();" name="language">
<option selected="selected" label="فارسی" value="fa">فارسی</option>
<option selected="selected" label="العریبه" value="ar">العریبه</option>
</select>

[Saber Mogaddas]

شما میتونید اینو با jquery درست کنید..چون style فلش حذف نمیشه ..فقط border و background تغییر پیدا می کنه..

[hamed_hymn]

چگونه میشه درست کرد؟
اگه لینک بدید ممنون میشم

[Saber Mogaddas]

سلام
من راهنمایتون می کنم کد نویسی دست شما رو می بوسه..
از یه list یا همون ul,li استفاده می کنی و گزینه هاتو تو اون می نویسی.. و display رو برای ul به صورت none قرار میدی..و بعد تو jquery رویداد کلیک میزاری و می تونی با افکت های slide down و slide up بازو بستش کنی..شما بنویس هر جا مشکل بود بگو من اونجاشو کمک می کنم.
موفق باشی..

[hamed_hymn]

دست گلت درد نکنه
ولی من چون مبتدی هستم از خیرش گذشتم
ولی کاش یک نمونه ازش میشد در نت پیدا کرد که من طبق دستور اون پیش برم.
من یه مقدار ضعیفم تو این موضوع

[hamed_hymn]

عزیزم من خودم میدونم که باید از ul , li استفاده کنم ولی نمیدونم که چطوری میشه دستوری که طبق تک select اجرا میشه را در ul , li جای داد