Question

Jquery ajax二级联动问题（表单提交后，选择的select项为选中状态）

问题描述：
用jquery ajax做的二级联动菜单，联动效果实现了，现在想实现另外一个效果,如何在表单提交后让刚才选择的下拉菜单项为选中状态？连接地址：http://bbs.csdn.net/topics/390816942

因为百度知道不能完全贴出源码，还请朋友通过网址连接进去查看具体问题。

Answer 1

如果是ajax提交，应该显示的还是原来选中的项。如果是普通form提交，那页面就跳转了。再打开form 要显示前面的值， 只有将前面的值存起来才可以吧。

加入选定的值是 value1 那就判断先。

if  (item.id !=value1)
$("<option value='" + item.id + "'>" + item.name + "</option>").appendTo($("#departmentId"));
else
$("<option value='" + item.id + "'selected='selected' >" + item.name + "</option>").appendTo($("#departmentId"));

追问

form提交的，value1判断不起作用。

追答

value1 是你原来选中的option的id。 你想办法存起来然后这里拿出来比较啊

追问

恩，谢谢你，我在试，第一个可以了，页面提交后，第一个select能选中了，可是第二个联动的select不能选中？

追答

手动触发第一个的click事件，就会将第二个select的option们加载上去。然后再 同样做一次判断。就可以选中了

追问

不行啊，自动触发了都选不中。

追答

在第二个select当中 你还要去判断你上次选择的是哪个啊。

追问

你看下这个是代码，我觉得写着对着呢，可是就是选不中。你帮我看下哪里错了？

追答

你的第二个ajax返回的数据格式是[{deviceId:1,name:"name"}]这样的么？

追问

不是，是这个的{[{"deviceId":"TB9000","name":"设备1"]},{"deviceId":"TB8000","name":"设备2"]}}
可以了，那里我写错了。我没加单引号，因为那个是字符串类型的，总之成功了。非常感谢你。

Answer 2

保存以后刷新页面你的值应该都带回来了吧
在option里做个判断就可以了
<option value=“Monday” <%if( “1”== week) {%>selected<%} %>>星期一</option>