Autoform流星可靠/级联选择

Question

我如何在流星中实现3个依赖autoform的选择？ 这里是什么，我需要实现http://www.ajaxray.com/Examples/depend.html 预先感谢任何帮助的例子

Answer 1

这是我解决它的办法。但是，第三次选择更新第一个选择后，我必须使用JQuery来返回选定的值。这可能有助于需要类似东西的人。但是，如果有更好的方法来做到这一点，请让我知道。

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

Organizaciones.attachSchema(new SimpleSchema({ provincia: { type: String, label: 'Provincia', autoform: { type: 'select', firstOption: '', options: function() { return DPA.find({grupo: 'Provincia'}).map(function (dpa) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } }, canton: { type: String, label: 'Cantón', autoform: { type: 'select', firstOption: '', options: function() { var codigoProvincia = AutoForm.getFieldValue('provincia'); var cantones = new RegExp('^' + codigoProvincia + '[\d]{2}$'); return DPA.find({codigo: {$regex: cantones}}).map(function (dpa) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } }, parroquia: { type: String, label: 'Parroquia', autoform: { type: 'select', firstOption: '', options: function() { $('#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) { return {label: dpa.descripcion, value: dpa.codigo}; }); } } } }));

Answer 2

你可以添加一个事件监听到你的选择，当它改变时，更新下一个选择的选择助手（或所有选择的）你有你的形式。这将与以下示例类似，但根据不同选择输入所选内容更新“选项”对象。

http://autoform.meteor.com/select