کمک در طراحی جستجوی پیشرفته

سلام دوستان

بر اساس آموزش اینجا یک فرم جستجو پیشرفته ایجاد کردم

حالا میخوام اونو به شکل و امکانات زیر تغییر بدم

دوستان میتونن کمک کنن در این زمینه

http://s8.picofile.com/file/8280878584/Untitled.png

در قسمت رشته هم بتوان به صورت دستی رشته رو وارد هم به صورت کرکره ای یکسری رشته که تعریف کردیم انتخاب بشه توسط کاربر

در قسمت سال هم بتوان هم به صورت دستی هم به صورت کرکره ای یکسری سال که تعریف کردیم انتخاب بشه توسط کاربر (از سال تا سال در واقع جستجو رو محدود میکنه بین دوتا یعنی جستجو در ارقام بیشتر از از سال و کمتر از تا سال - فیلدهای این بخش بصورت numerical و عددی تعریف شود)

لازم به ذکر هست فیلد اول در تایتل و متن نوشته ها جستجو میکنه و مابقی فیلدها (رشته و سال) فقط در متن نوشته ها جستجو میشه

سلام

برای ادغام فیلد متنی و منوی select می تونید از تگ detailist که در html5 معرفی شده استفاده کنید، گرچه این تگ به خوبی و با رفتار مشابه در مرورگرهای مختلف پشتیبانی نمیشه:
http://www.w3schools.com/tags/tryit....html5_datalist

اما بهتر از مورد بالا، استفاده از جاوااسکریپت هست:
http://www.dhtmlgoodies.com/scripts/...le_select.html


برای اعتبار سنجی ورودی ها باید از سرور استفاده کنید اما html5 هم امکاناتی در این خصوص داره، مثلا می تونید نوع ورودی رو به عدد محدود کنید، یا تعداد ارقام و همچنین حداقل و حداکثر رو تعیین کنید:
http://www.w3schools.com/tags/att_input_min.asp

کسی نیست راهنمایی کنه و کدهاشو قرار بده؟

uppppppppppppppp