曾经很是好奇后台那些花花绿绿的值是如何确定名称的？例如A.B.C.val(???)，老手们是怎么知道下一个点后面数十个提示该选哪一个的？
不懂就要问啊！
答曰：debug追踪啊！
追问：咋追
再答：F12 ！！
...
对，就是这么简单，下面结合实际工程项目做个演示：
功能需求：选中记录点编辑弹出模态框，模态框获取记录中的值并可编辑保存。
遇到问题：input标签里的值都能获取到，但是下拉框（bootstrap-select2插件）里的值却获取不到，显示的是默认为空的值。
解决方法：
网上查看资料可知select2通过值绑定选项的方式如下：
(“#下拉框ID”).val(“选中项的值”).trigger("change");
通过debugger追踪到“选中项的值”，由于我保存的都是随机生成的id而非name，所以我复制的是id的路径，（列表里通过转义实现根据id显示name）
复制到的值为：rowSel[""0""].customerTypeInfo.id
小作修改为：rowSel[0].customerTypeInfo.id
刷新页面便可获取到值
有几个下拉框就写几条取值就能达到目标~
演示中有疑问都可留言，我会尽快回复，多多交流，共同提高~