استفاده از چند تکست باکس با قابلیت autocomplete

[manager_66]

سلام . من میخوام در صفحه مدیریت سایتم چند تا تکست باکس داشته باشم که وقتی ادمین روی یکیش شروع کرد به تایپ در صورت وجود داشتن اون حرف (مثلا میزنه ر دسته هایی که اولشون ر هست لیست بشه )لیست دسته ها رو نشون بده و یک تکست باکس مخصوص محصولات باشه و یک تکست باکس هم برای نام استانها باشم. اما با جستجوهایی که کردم فقط تونستم روی یک تکست باکس این قابلیتو بذارم و بقیه اونها این کار رو انجام نمیدادن .ممنون میشم اگه در این مورد راهنماییم کنید .

 

[MIMi King]

اگه بخوای با HTML5 بنویسی خیلی راحته:

<form action="demo_form.asp" method="get">

<input list="products" name="product" />
<input list="groups" name="group" />
<input list="provinces" name="province" />
<datalist id="products">
  <option value="Cell-Phones">
  <option value="Hard Disks">
  <option value="Monitors">
  <option value="Mouses">
</datalist>
<datalist id="groups">
  <option value="News">
  <option value="Articles">
</datalist>
<datalist id="provinces">
  <option value="Tehran">
  <option value="Shiraz">
</datalist>
<input type="submit" />

</form>

ولی تو براوزر های قدیمی این کد عمل نمیکنه، اگه مطئنی ادمین از براوزر جدید استفاده می کنه کد بالا بهتره وگرنه باید با AJAX دستور به سرور بفرستی و برگشتشو بخونی:

<input name="product" onchange="getProduct()"/>
<input name="group" onchange="getGroup()"/>
<input name="province" onchange="getProvince()"/>

با کد بالا برای هر چنج، اون تابع ها اجرا میشن و از اون تابع ها باید AJAX بفرستی و بخونی.

اینو بخونی متوجه میشی : http://www.w3schools.com/ajax/ajax_aspphp.asp