របៀបបង្កើត Autocomplete ជាមួយ JQuery UI

នៅក្នុងគេហទំព័រមួយគឺត្រូវតែមានប្រអប់ស្វែងរកដើម្បីងាយស្រួលដោយមិនចាំបាច់ចំនាយពេលវេលា ក្នុងការស្វែងរកអ្វីមួួយ ។ យើងខ្ញុំសូមបង្ហាញអំពី Autocomplete ដែលវាគឺជាចំនេះដឹងមួយដែរដែលគេប្រើវាសំរាប់ ស្វែងរកពាក្យដែលស្រដៀង រឺក៍ពាក្យដែលផ្ដើមដោយអក្សរដែលយើងបញ្ចូលនៅក្នុងប្រអប់ស្វែងរក (Search Box) នោះវានឹងលេចឡើងនូវពាក្យដែលផ្ដើមជាមួយនឹងអក្សរដែល យើងបានបញ្ចូលនោះភ្លាមៗ។

ថ្ងៃនេះ TechFree សូមបង្ហាញអំពីរបៀបបង្កើតនិងប្រើប្រាស់ Autocompleteនេះ ដោយការប្រើប្រាស់នូវភាសាកុំព្យូទ័រមួយគឺ JQuery ដែលជាបណ្ដុំនៃកូដរបស់ Javascript ។

១) ការទាញយក

មុននឹងធ្វើការសរសេរកូដ យើងត្រូវទាញយកបណ្ណាល័យ រឺបណ្ដុំនៃកូដមកប្រើប្រាស់ជាមុនសិន។ សូមចូលទៅកាន់ https://www.jqueryui.com/autocomplete រួចហើយសូមធ្វើការទាញយកវា ។សូមមើលរូបខាងក្រោម ៖

បន្ទាប់មកទៀត

២) ការសរសេរកូដ

ក្រោយពីទាញយករួចយករាល់ហើយ យើងត្រូវធ្វើការហៅវាយកមកប្រើនៅក្នុងកូដដែលត្រូវប្រើ ។

សូមមើលរូបខាងក្រោម ៖

• បន្ទាត់ទី៨ គឺយើងហៅកូដរចនារបស់ jquery-ui យកមកប្រើប្រាស់
• បន្ទាត់ទី៩ គឺ យើងហៅបណ្ដុំកូដនៃ Javascript របស់ bootstrap
• បន្ទាត់ទី១០ គឺ យើងហៅបណ្ដុំកូដនៃ Javascript របស់ google
• បន្ទាត់ទី១១គឺ យើងហៅបណ្ដុំកូដនៃ Javascript របស់ jquery-ui

កូដដែលត្រូវដំនើរការ ៖

៣) លទ្ធផលនៃកូដ

ក្រោយពីបញ្ចប់ការសរសេរកូដខាងលើរួចមកយើងនឹងបានលទ្ធផលដូចខាងក្រោម ៖

ប្រភពដើម