jQuery Linked Selects Plugin

Sample

  • name="select-1"
  • data-select-target="select-2"
  • data-select-service="data/linked-select-filter.json|GET"
  • data-select-service-asfilter="item.minVersion < this.value"
  • name="select-3"

Sample 2

  • name="select-6"

Sample 3

  • name="select-10"
  • data-select-target="select-11"
  • data-select-service="datas.level1"
  • name="select-11"
  • data-select-target="select-12"
  • data-select-service="datas.level2"
  • name="select-13"

Sample 4 (Mapping)

  • name="select-14"
  • data-select-target="select-15"
  • data-select-service="data/linked-select-map.json|GET"
  • data-select-service-asfilter="@test" 'test': function(filter) { return function filterTest(value, index, sourceData) { var isValid = (value.id.split('.')[1] | 0) % 2; return isValid; }; }
  • data-select-map="@test" test: function(value) { return { text: value.title, value: value.id }; }
  • name="select-15"
  • data-select-target="select-16"
  • data-select-service="datas.level2"
  • name="select-17"