之前一直从事C/S的开发，关于B/S用到的一些技术是不熟悉的，现在在逐步学习中，希望通过及时总结加强理解和记忆。目前开发的系统使用的主要是JQuery、Stuts2、Spring。
关于自由流后端及Jbpm的实现我会在另一篇博文中介绍，这里只介绍我在前端使用html及JQuery中遇到的问题以及对我来说不常使用的知识点。
1.关于Map以及JsonObject
在后端使用Map数据结构将工作任务节点名称与审批人列出（排除了会签的情况），即以节点名称为key，审批人为value，如下：
|
1
2
3
4
|
for
(ProcessTaskEntity task : processTaskList){
map.put(task.getActivityName(), task.getCreateUserCode());
}
taskVo.setActivityUserMap(map);
|
activityUserMap这个属性是Map类型，传到前端后我希望遍历这个Map类型的数据，分别取到其key和value。Map类型的在前端其value={a=b,c=d,e=f}，在前端使用foreach进行遍历的时候将其等同于一般字符串，第一位是{，第二位是a，以此类推。这并不符合我们使用Map类型的初衷。
所以我们使用了JsonObject类型声明activityUserMap，上面的代码不需要做任何修改，即可得到一个JsonObject的activityUserMap，在前端使用如下方法遍历：
|
1
2
3
4
5
|
var
activityUserMap = ${taskVo.activityUserMap};
$.each(activityUserMap,
function
(key, value) {
var
temp=
"<option value='"
+ key +
"'>"
+ key +
"</option>"
;
$(
'select[name="activityNameChoose"]'
).append(temp);
});
|
这段代码，如果是纯Java的，是简单清晰的。但用Js来写，有好多曲折：
1.用JQuery获得的控件不能再用.options.add()等方法；
2.$('select[name="activityNameChoose"]')后不能加[0];
3.Temp的内容如果写在append里会报undefined is not a function，原因不明。
2.取select选中值的问题
经过试验后的正确取值方法是
|
1
|
$(
"select[name='activityNameChoose']"
).val()
|
而不正确的取值方法
|
1
2
3
|
$(
"input[name='uidscb']:checked"
).val()
$(
"input[name='uidscb']:checked"
).value
$(
"select[name='activityNameChoose']"
).value;
|
另外，其他方法比如$("select[name='activityNameChoose']").options也无法获得select的所有options选项。
３.$("input[name='XXX']:not(:checked)")：取得select未选中值的方法
关于使用JQuery操作select的详细方法可以参看：jQuery select操作控制方法小结。另外关于JQuery的遍历请查看$.each遍历map、array。另外在解决上述问题的过程中还参考了JQuery的三种$的三种实现。
本文转自 gaochaojs 51CTO博客，原文链接：http://blog.51cto.com/jncumter/1621945，如需转载请自行联系原作者
