javascript - 字符串切割,没思路..

Question

如图：这是一个表格,里边有select,现在获取到了一个关于所有下拉菜单的值的字符串。想把它们切成单独的数据存进数组,目前没有思路,求各位老哥给个思路= = ** 第一个问题： **获取到的字符串是：“年终汇算2005年核...

淡淡烟草味 · Answer

1、非常不建议用切分的方式来做，应该想办法优化 “获取已选择” 的项目，使得这些字段天然就是带结构的。

用切分的方法来做的话，将来维护成本也很高的。

如果你硬要用正则的方法，那么应该先用 "-" 吧字符串切开。
对于每一串，去匹配"年终汇算" "月度" "季度"等，得到type，然后继续匹配时间，然后匹配fangs

2、在表单提交代码里，依次获取每个选项的值，进行合法性判断。实际上，这也是通用的做法。

typecho · Answer

下拉选择和取值思路

以下为我的思路

每个行实例都具有一个value对象，如：this.value = {}；
行内的 select 使用标准的数字值，用以比对数组下标，确保取值的准确；
每个 select 的 change 事件都会修改一个对应的值，如：第一个 select.type 选中时，在联动代码之前添加 this.value.type = $type[0].value 的 change 事件都会修改一个对应的值，如：第一个 select.type 选中时，在联动代码之前添加 this.value.type = $type[0].value —— 自行代入对应的变量；
使用隐藏域来管理输出，如：；

你可以使用任意的数据格式，个人建议尽量使用数字，如：

// 数组
this.value = [1,1,1,0]; // 预缴-月度|2016年|1月|查账征收

// 对象
this.value = {
    type: 2, // 预缴-季度
    years: 1, // 2016年
    time: 3, // 第四季度
    fangs:1 // 核定征收
};

最后的 select.fangs 选择时会生成可用数据，以供表单使用，如：

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

关于验证

扩展一个 验证方法，如：AppRow.prototype.validate()，该方法根据 this.value 的内容监测表单的合法性，并返回一个布尔值，如：

首先是否为空对象，是，则说明本行第一个 select 为 请选择，返回 false 为 请选择，返回 false；
如果选择了 .type - 0 - 年度汇算(第一个 .type - 0 - 年度汇算(第一个 select)，则获取 AppRow.typeChose[this.value.type])，则获取 AppRow.typeChose[this.value.type] 对象；
对象不存在，说明可能是越界，如根本不存在 AppRow.typeChose[4]，返回 false；
根据所选 AppRow.typeChose[this.value.type].types 得出 typeSubLen 当前类型对应的后面表单的数量，即当前类型应该有几个相关的子级；
如果 (this.value.length - 1) < typeSubLen 说明长度不足，缺少参数，又或 !this.value.time1 不存在，返回 false；
this.value.time1 存在，值 === -1 或 !AppRow.typeChose[0].types[this.value.time1]，返回 false；
this.value.time2 存在，值 === -1 或 !AppRow.typeChose[0].types[0].zType_time1[this.value.time1]，返回 false；
!this.value.fangs 或 this.value.fangs === -1，返回 false；
条件都满足，返回 true；

第一个问题：

第二个问题：

下拉选择和取值思路

关于验证