https://github.com/ckamte/bootstrap-datalist

HTML Datalist with bootstrap dropdown style
https://github.com/ckamte/bootstrap-datalist

bootstrap bootstrap5 datalist datalist-control html html5 jquery-plugin

Last synced: 14 days ago
JSON representation

HTML Datalist with bootstrap dropdown style

• Host: GitHub
• URL: https://github.com/ckamte/bootstrap-datalist
• Owner: ckamte
• License: mit
• Created: 2024-08-29T05:50:52.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T11:28:56.000Z (4 months ago)
• Last Synced: 2024-11-09T17:16:19.930Z (about 2 months ago)
• Topics: bootstrap, bootstrap5, datalist, datalist-control, html, html5, jquery-plugin
• Language: HTML
• Homepage:
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Datalist style with bootstrap

Show datalist with bootstrap dropdown style.

### Based on

Stack Overflow question:

https://stackoverflow.com/questions/13693482/is-there-a-way-to-apply-a-css-style-on-html5-datalist-options

And answer:

https://codepen.io/iamsidd_j/pen/qBRWNQQ?editors=1010

### Requirements

1. Bootstrap 5.x

2. Jquery 3.x

3. Wrapper element with class '*datalist-wrapper*' for each input and datalist pairs.

### *Usage Example*

   ```

   $(document).ready(function () {

      $('.datalist-input').bootstrapDatalist();

   })

   ```