Simple jQuery Plugin For Chained Selects - Chained
웹비젼
Template
0
2168
2018.04.07 11:40
http://demo.webvision.co.kr/Simple-jQuery-Plugin-For-Chained-Selects-C… + 425
https://www.jqueryscript.net/form/Simple-jQuery-Plugin-For-Chained-Sel… + 188
다운로드시 10,000MP 차감 (최초 1회 / 재다운로드시 무료)
+ 0
Simple-jQuery-Plugin-For-Chained-Selects-Chained.zip (16.2K)
Chained is a lightweight and simple jQuery plugin for chained selects that allow to choose child selects from two different versions of your select lists. The plugin also provides a remote version (jquery.chained.remote.js) which makes an external Ajax query and uses the returned JSON to build child selects.
Installation:
# NPM
$ npm install jquery-chained
# Bower
$ bower install jquery-chained
Basic Usage:
1. Include jQuery javascript library and jQuery Chained Plugin in your html document
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.chained.js"></script>
2. Create the html
<select id="mark" name="mark">
<option value="">--</option>
<option value="bmw">BMW</option>
<option value="audi">Audi</option>
</select>
<select id="series" name="series">
<option value="">--</option>
<option value="series-3" class="bmw">3 series</option>
<option value="series-5" class="bmw">5 series</option>
<option value="series-6" class="bmw">6 series</option>
<option value="a3" class="audi">A3</option>
<option value="a4" class="audi">A4</option>
<option value="a5" class="audi">A5</option>
</select>
3. The javascript
$("#series").chained("#mark");
Change logs:
v2.0.0beta3 (2017-12-11)
- Remove invisible control character
v1.0.1 (2017-05-20)
- Remove invisible control character
v1.0.1 (2017-03-24)
- Use length instead of .size()
v0.9.10 (2015-02-26)
- update.
v0.9.10 (2014-02-28)
- update.
v0.9.9 (2013-12-19)
- Do not trigger change event if value of select does not change
- Rename "values" setting to more logical "depends".
v0.9.7 (2013-10-27)
- Zepto support.
- Bower support.
- Ability to bootstrap selects by passing JSON data in settings. Avoids making the initial AJAX calls.
- Alternate but prettier syntax for remote version. Allow you to pass all settings as one hash.
- Optionally send additional values of non chained inputs when using remote version
- Removed unneeded files when installing with Bower.
This awesome jQuery plugin is developed by tuupola. For more Advanced Usages, please check the demo page or visit the official website.