1. It is strongly not recommended to use segmentation. You should find a way to optimize the "get selected" items so that these fields are naturally structured.

If you use the segmentation method, the maintenance cost will be very high in the future.

If you insist on using the regular method, you should first use "-" to cut the string.
For each string, match "year-end calculation", "monthly", "quarterly", etc., get the type, then continue to match the time, and then match fangs

2. In the form submission code, obtain the value of each option in turn and judge the legality. In fact, this is also a common approach.

Drop-down selection and value ideas

The following are my thoughts

• Eachrowinstance has avalueobject, like:this.value = {};

• Theselectin the line uses standard numeric values to compare the array subscripts to ensure the accuracy of the value;

• Everychangeevent ofselectwill modify a corresponding value, such as: when the firstselect.typeis selected, addthis.value.type = $type[0] before the linkage code. value—— Substitute the corresponding variable by yourself;

• Use hidden fields to manage output, such as:;

You can use any data format. I personally recommend using numbers as much as possible, such as:

// 数组 this.value = [1,1,1,0]; // 预缴-月度|2016年|1月|查账征收 // 对象 this.value = { type: 2, // 预缴-季度 years: 1, // 2016年 time: 3, // 第四季度 fangs:1 // 核定征收 };

The lastselect.fangswill generate available data for use by the form when selecting, such as:

$fangs.on('change.app', $.proxy(function(e){ // 添加值 this.value.fangs = $fangs[0].value; // 生成表单值 this.$output.val(JSON.stringify(this.value)); }, this));

About verification

Extend avalidation method, such as:AppRow.prototype.validate(). This method monitors the legality of the form based on the content ofthis.valueand returns a Boolean value, such as:

• Is it an empty object first? If so, it means that the firstselectin this row isPlease selectand returnfalse;

• If.type - 0 - Annual Calculation(the firstselect) is selected, get theAppRow.typeChose[this.value.type]object;

• The object does not exist, indicating that it may be out of bounds. If it does not exist at all,AppRow.typeChose[4], returnsfalse；

• According to the selectedAppRow.typeChose[this.value.type].types, it is obtained thattypeSubLenis the number of subsequent forms corresponding to the current type, that is, the current type should have several related children;

• If(this.value.length - 1) < typeSubLenindicates insufficient length, missing parameters, or!this.value.time1does not exist, returnfalse；

• this.value.time1exists, value=== -1or!AppRow.typeChose[0].types[this.value.time1], returnsfalse；

• this.value.time2exists, the value=== -1or!AppRow.typeChose[0].types[0].zType_time1[this.value.time1], returnsfalse;

• !this.value.fangsorthis.value.fangs === -1, returnsfalse;

• If all conditions are met, returntrue;