Question

我正在尝试创建一个依赖的选择表单，如this one on 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}
              ,......
     ]}
     ,......
];

然后你可以填充该数组中的所有选择框..并在父盒子上添加on-change处理函数，其中包含子框的id .. ID可以是在更改父框时，您将获得$（this）.val（）并扫描数组以填充子框...

希望有所帮助..

依赖选择表格

1 个答案: