2009-06-11 36 views
0

我正在尝试创建一个从属选择表单,如this one on AjaxRay。这是我迄今为止所做的:http://buzzmedia.com.my/honda/form.html从属选择表格

与AjaxRay的示例不同,我的表单有多行。我需要弄清楚如何从我自己的表单中调整AjaxRay示例的代码。

+0

一个我注意到的事情之一是,你没有你之前清除存在的内容在第二个下拉菜单中添加更多内容。 – 2009-06-11 14:51:42

回答

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} 
       ,...... 
    ]} 
    ,...... 
]; 

,那么你可以从阵列填充所有选择框..并添加变处理函数在父框上的子框的ID .. ID的可以是 在更改父框你得到$(这).VAL()和扫描阵列为它填充孩子中...

希望帮助..

+0

哇,谢谢你。我真的很感激你花时间来解决这个问题。 请在3周内查看honda.com.my,以便在行动中看到它。欢呼声 – user121341 2009-06-16 11:16:51