node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org ยป

jquery.otherdropdown

jquery.otherdropdown

A dropdown select box where choosing 'other' prompts the user for an alternate response.

alt tag

Install

NPM

  • Follow the instructions to install Node which gives you npm.
  • Switch to project folder and run yarn add jquery.otherdropdown or npm install jquery.otherdropdown --save
  • Include jquery.otherdropdown.js after jQuery is loaded in your document.

Bower

  • Follow the instructions to install Bower.
  • Switch to project folder and run bower install jquery.otherdropdown --save
  • Include jquery.otherdropdown.js after jQuery is loaded in your document.

Add to project

  • import 'jquery.otherdropdown'; or
  • <script type="text/javascript" src="./path/to/jquery.otherdropdown.min.js"></script> after the jQuery script tag

Usage

  • Bind jquery.otherdropdown to an html select, optionally pass an options object
  • $('select').otherdropdown()
  • $('.mySelect').otherdropdown({placeholder:'Type your answer'})

Options

You can pass in options to otherdropdown as an object.

  • {value: 'more'} - Optional, Value you wish to trigger the text input. default = 'other'
  • {classes: 'noborder greybg'} - Optional, clases that the text input should have. default = null
  • {placeholder: 'Type your answer'} - Optional, placeholder text on text input. default = name

Future

  • Add Callbacks hooks
  • Add tests