Autoform meteor dependable/cascading 选择

Autoform meteor dependable/cascading selects

如何在 meteor 中使用 autoform 实现 3 个依赖选择? 这是我需要实现的示例 http://www.ajaxray.com/Examples/depend.html 在此先感谢您的帮助

您可以向 select 添加一个事件侦听器,当它发生变化时,为下一个 select(或所有 select)更新 select 助手你有你的表格。它将类似于以下示例,但根据由不同的 select 输入 select 编辑的内容更新 "options" 对象。

http://autoform.meteor.com/select

我就是这样解决的。然而,对于第三个 select 到 return selected 值,一旦第一个 select 被更新,我不得不使用 JQuery。这可能有助于需要类似东西的人。但如果有更好的方法,请告诉我。

组织 = 新 Mongo.Collection('organizaciones');</p> <p>Organizaciones.attachSchema(新的SimpleSchema({ 省份:{ 类型:字符串, 标签:'Provincia', 自动形成:{ 类型:'select', 第一个选项:'', 选项:函数(){ return DPA.find({grupo: 'Provincia'}).map(函数 (dpa) { return {标签:dpa.descripcion,值:dpa.codigo}; }); } } }, 广州:{ 类型:字符串, 标签:'Cantón', 自动形成:{ 类型:'select', 第一个选项:'', 选项:函数(){ var codigoProvincia = AutoForm.getFieldValue('provincia'); var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$'); return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) { return {标签:dpa.descripcion,值:dpa.codigo}; }); } } }, parroquia:{ 类型:字符串, 标签:'Parroquia', 自动形成:{ 类型:'select', 第一个选项:'', 选项:函数(){ $('#provincia').change(函数() { $('#parroquia option[value!=""]').remove(); }); var codigoCanton = AutoForm.getFieldValue('canton'); var parroquias = new RegExp('^' + codigoCanton + '[\d]{2}$'); return DPA.find({codigo: {$regex: parroquias}}).map(function (dpa) { return {标签:dpa.descripcion,值:dpa.codigo}; }); } } } }));