قرار دادن عکس داخل تگ select جهت انتخاب زبان

[siros1983]

سلام دوستان
من میخوام یه کد بنویسم واسه انتخاب زبان که اینطوری نوشتم


<nav>
<select>
<option>انتخاب زبان</option>
<option value="turk" class="flag">ترکی</option>
<option value="persian" class="flag">فارسی</option>
<option value="english" class="flag">انگلیسی</option>
</select>
</nav


یه منوی کشویی که توش سه زبان ترکی فارسی انگلیسی هست
خب خواستم برای هر زبان پرچم کشورشو بزارم
اول اومدم داخل همین option ها از تگ img استفاده کنم که برنامه گفت بهتره استفاده نشه
اومدم توی css بنویسیم که البته نوشتم ولی مشکلاتی داره
اول اینکه من کدشو اینطوری نوشتم

nav select option.flag{
background-size:30px 20px;
padding-bottom:5px;
}
select option[value=turk]{
background:url(img/ico/turk.png) no-repeat;
}

select option[value=persian] {
background: url(img/ico/per.png) no-repeat;
}

select option[value=english]{
background:url(img/ico/eng.png) no-repeat;
}


این کد جواب میده ولی آیا راه بهتری نیست؟ چون فرض بکنین 50 تا زبان بود باید 50تا از اینا بنویسم؟ اینطوری کدنویسی زیاد میشه بنظرم

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


اینم کد آنلاینش

http://jsfiddle.net/siros/rptkx9sp/

[H:Shojaei]

میتونید با php or asp.net به صورت پویا یه آرایه از نام کشور ها تعریف کنید و یه حلقه واسه آرایه بذارید و option ها رو بسازید و استایل inline روشون اعمال کنید عکسشون هم مقداری که تو آرایه هست با تلفیقی از پسوند میشه...
اگر خواستید کشوری اضافه کنید عکسو میذارید و یه مقدار جدید هم به آرایه اضافه میکنید...
هم مدیریت راحتی داره هم نیاز نیست اگر تغییری خواست برید بین کدها دنبال چیزی بگردین یه آرایه دارین فقط...

[siros1983]

میتونید با php or asp.net به صورت پویا یه آرایه از نام کشور ها تعریف کنید و یه حلقه واسه آرایه بذارید و option ها رو بسازید و استایل inline روشون اعمال کنید عکسشون هم مقداری که تو آرایه هست با تلفیقی از پسوند میشه...
اگر خواستید کشوری اضافه کنید عکسو میذارید و یه مقدار جدید هم به آرایه اضافه میکنید...
هم مدیریت راحتی داره هم نیاز نیست اگر تغییری خواست برید بین کدها دنبال چیزی بگردین یه آرایه دارین فقط...
مرسی داداش
میخوام فقط با css html باشه واسه پروژه یکی از بچه ها مینویسم:لبخند:
فقط یه قالب ساده واسه پروژه دوستمه

[siros1983]

up
دوستان واسه پروژه هست که باید تا دو هفته کامل بشه
استاد انگار واسه هر ماه یه پروژه میخواد:افسرده: