rabihkodeih / bootstrap-transfer

This is a two-column transfer multi-select widget inspired by Django admin module's similar widget.
Other
45 stars 46 forks source link

Use common HTML multi-select #5

Closed ghost closed 8 years ago

ghost commented 11 years ago

This widget would be perfect if it stylized standard HTML multi-select select elements instead of div tags. For example:

<select name="sourceList" id="sourceList" size="20" multiple="multiple">
  <option value="1">Toyota</option>
  <option value="2">Mitsubishi</option>
  <option value="3">Nintendo</option>
  <option value="4">Samsung</option>
  <option value="5">Bank of Kyoto</option>
</select>

<select name="destinationList" id="destinationList" size="20" multiple="multiple">
  <option value="6">Mazda</option>
  <option value="7">Fuji</option>
  <option value="8">Honda</option>
</select>

<script>
  $('#sourceList').shuttle( '#destinationList' );
</script>

See also: http://stackoverflow.com/questions/13366940/filterable-multi-select-combobox-shuttle-transfer-widget