Autoform流星可靠/级联选择答案

【问题标题】：Autoform meteor dependable/cascading selectsAutoform流星可靠/级联选择
【发布时间】：2015-05-15 16:37:37
【问题描述】：

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

【问题讨论】：

标签： select drop-down-menu meteor cascadingdropdown meteor-autoform

【解决方案1】：

您可以为您的选择添加一个事件侦听器，当它发生变化时，为您的表单中的下一个选择（或所有选择）更新选择帮助器。这将类似于以下示例，但根据不同的选择输入选择的内容更新“选项”对象。

http://autoform.meteor.com/select

【讨论】：

您好 Tim C，感谢您的建议。你有例子吗？

【解决方案2】：

这就是我解决它的方法。然而，一旦第一个选择被更新，第三个选择返回选定的值，我必须使用 JQuery。这可能对需要类似东西的人有所帮助。但如果有更好的方法，请告诉我。

Organizaciones = new Mongo.Collection('organizaciones');

Organizaciones.attachSchema(new SimpleSchema({ 省：{ 类型：字符串，标签：“省”，自动形成：{ 类型：'选择'，第一个选项：''，选项：函数（）{ return DPA.find({grupo: 'Provincia'}).map(function (dpa) { 返回{标签：dpa.descripcion，值：dpa.codigo}； }); } } }, 州：{ 类型：字符串，标签： 'Canton', 自动形成：{ 类型：'选择'，第一个选项：''，选项：函数（）{ var codigoProvincia = AutoForm.getFieldValue('provincia'); var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$'); return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) { 返回{标签：dpa.descripcion，值：dpa.codigo}； }); } } }, Parroquia：{ 类型：字符串，标签：'Parroquia'，自动形成：{ 类型：'选择'，第一个选项：''，选项：函数（）{ $('#provincia').change(function() { $('#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) { 返回{标签：dpa.descripcion，值：dpa.codigo}； }); } } } }));

【讨论】：