Зависимые формы выбора

Question

Я пытаюсь создать зависимую форму выбора, например , на AjaxRay . Вот что я сделал до сих пор: http://buzzmedia.com.my/honda/form.html

В отличие от примера из AjaxRay, моя форма состоит из нескольких строк. Мне нужно выяснить, как адаптировать код из примера AjaxRay для моей собственной формы.

Answer 1

Думаю, вам понравится писать собственный код jQuery ... Если количество опций ограничено (до ~ 500), то я думаю, что вы должны поместить их в массив .. в противном случае вы должны использовать AJAX для динамического запроса его как JSON ..

Допустим, они ограничены числом .. Массив иерархии, как это должно сделать это ..

var ops = [
     {'txt':'Accord'
      ,'val':1
      ,'ops': [
               {'txt':'VTi','val':101}
              ,{'txt':'VTi 2.3','val':102}
              ,......
     ]}
     ,
     {'txt':'City'
       ,'val':2
       ,'ops':[
               {'txt':'1.5 i-DSI','val':201}
              ,{'txt':'1.5 Vtec','val':202}
              ,......
     ]}
     ,......
];

тогда вы можете заполнить все поля выбора из этого массива .. и добавить функцию-обработчик изменения в родительском блоке с идентификатором дочернего блока. Идентификаторы могут быть При смене родительского ящика вы получаете $ (this) .val () и сканируете массив для его заполнения, чтобы заполнить дочерний ящик ...

Надеюсь, это поможет ..