{"id":85876,"date":"2025-07-16T20:34:49","date_gmt":"2025-07-16T20:34:49","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/16\/custom-select-for-twitter-bootstrap-3\/"},"modified":"2025-07-16T20:35:57","modified_gmt":"2025-07-16T20:35:57","slug":"custom-select-for-twitter-bootstrap-3","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/16\/custom-select-for-twitter-bootstrap-3\/","title":{"rendered":"Custom Select for Twitter Bootstrap 3"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $6<\/a><\/p>\n

<\/p>\n

What is that this?<\/h2>\n

This can be a jQuery plugin<\/strong> extending the performance of Twitter Bootstrap 3<\/strong>. It lets you flip a default choose enter discipline into a component utterly matching the fashion of Twitter Bootstrap 3 with one line of JavaScript.<\/p>\n

Why use it?<\/h2>\n
    \n
  • applies Twitter Bootstrap 3 fashion to a choose enter discipline<\/li>\n
  • preserves native choose enter discipline habits (you should utilize GET or POST strategies to submit the chosen worth)<\/li>\n
  • simply styleable<\/li>\n
  • by default makes use of Twitter Bootstrap3 button styling and discipline sizing classnames, however this may be simply overridden by utilizing customized ones<\/li>\n
  • preserves choose factor customized attributes and populates them on generated enter discipline<\/li>\n
  • opens above discipline if there may be not sufficient area under it<\/li>\n
  • helps keyboard navigation (up\/down\/enter\/tab keys)<\/li>\n
  • helps fast navigation by means of the choices by first character<\/li>\n
  • helps change occasion<\/li>\n
  • gives strategies for straightforward enabling\/disabling the complete choose or single choice<\/li>\n
  • gives strategies for dynamically getting\/setting worth<\/li>\n
  • gives strategies for dynamically including\/eradicating choices<\/li>\n
  • might be customised to filter out choices on person enter (typeahead\/autocomplete-like performance)<\/li>\n
  • might be customised to indicate a scrollbar when there are a lot of choices<\/li>\n<\/ul>\n

    Straightforward to make use of<\/h2>\n

    Instance:<\/p>\n

    <script>\n    $(doc).prepared(operate(){\n        $('.some_classname').bootstrapSelect();\n    });\n<\/script><\/pre>\n
    Please notice: step-by-step rationalization is within the docs.<\/p>\n
    This plugin requires<\/h2>\n
      \n
    • jQuery JavaScript library<\/li>\n
    • Twitter Bootstrap 3 front-end framework<\/li>\n<\/ul>\n
      Changelog<\/h2>\n
      v 1.6 (2 January 2014)<\/strong><\/p>\n
      Added strategies to allow\/disable single choice<\/p>\n
      v 1.5 (19 December 2013)<\/strong><\/p>\n
      Opens above the sphere when there may be not sufficient area under it<\/p>\n
      v 1.4 (13 December 2013)<\/strong><\/p>\n
      Fastened dynamic including\/eradicating choices bug, when it was affecting a number of situations<\/p>\n
      v 1.3 (8 December 2013)<\/strong><\/p>\n
      Chance to customize customized choose to just accept person enter and filter the choices (typeahead, autocomplete);<\/p>\n
      Added strategies to dynamically add\/take away choices<\/p>\n
      v 1.2 (7 December 2013)<\/strong><\/p>\n
      Disable\/allow strategies; navigation with up\/down arrow keys; shut on enter key press;<\/p>\n
      v 1.1 (6 December 2013)<\/strong><\/p>\n
      Fast navigation by means of record utilizing letter\/quantity keys<\/p>\n
      v 1.0 (20 October 2013)<\/strong><\/p>\n
      Restructured plugin and added public strategies: get_value, set_value<\/p>\n
      v 0.4  (14 October 2013)<\/strong><\/p>\n
      Customized attributes on preliminary choose factor are copied to a generated HTML factor<\/p>\n
      v 0.3  (22 September 2013)<\/strong><\/p>\n
      Added javascript ‘change’ occasion help<\/p>\n
      v 0.2  (21 September 2013)<\/strong><\/p>\n
      Autocomplete prevented on enter discipline, typing and pasting prevented, added a brand new choice – most objects seen with out a scrollbar<\/p>\n
      v 0.1 (27 August 2013)<\/strong><\/p>\n
      Repair: prevented kind submit on caret\/button click on<\/p>\n
      Preliminary launch (13 August 2013)<\/strong><\/p>\n
      \n