我正在使用JQuery级联插件(此处)
我有它,所以我可以在第一个下拉列表中选择一个图书部分,在第二个下拉列表中将填充章节。例如:
var list1 = [
{ When : 0 , Value : 0 , Text : Chapter 1 },
{ When : 0 , Value : 1 , Text : Chapter 2 },
{ When : 0 , Value : 2 , Text : Chapter 3 },
...(snip..)
{ When : 1 , Value : 0 , Text : Appendix 1 },
{ When : 1 , Value : 1 , Text : Appendix 2 },
{ When : 1 , Value : 2 , Text : Appendix 3 },
....(snip..)
];
function commonTemplate(item){
return "<option value= " + item.Value + " >" + item.Text + "</option>";
};
function commonTemplate2(item) {
return "<option value= " + item.Value + " >***" + item.Text + "***</option>";
};
function commonMatch(selectedValue) {
return this.When == selectedValue;
};
然后调用:
jQuery(document).ready(function()
{
jQuery("#section").cascade("#chapter",{
list: list1,
template: commonTemplate,
match: commonMatch
});
});
我的表单预先填充了第0节及其相关章节。一切都很好——当我选择第2本书时,脚本会启动并在第二个下拉列表中填充第2本的章节等。
我的问题是:当我选择一本像“第2节,第3章”这样的书时,我希望加载该书和章节,而页面上的表单显示“第2章,第3节”。通过这种方式,用户可以快速进入第4章或其他内容。目前,当加载第3章第2节时,表单默认为“第1章第1节”,这是用户第一次到达页面时的默认表单值。
我的问题是:我第一次怎么能有默认值,但当用户提交表单时,页面会重新加载,记住表单中最后一个选定的部分/章节?
谢谢