大家好,
我在一个表单上有两个下拉框,其中第二个下拉框中的值是根据第一个下拉框中的选择填充的。为了在表单重新加载时保留值,在第一个下拉框中的值在加载时填充,但是onchange
事件不会被触发(当我手动从第一个下拉框中选择值时它会起作用),因此第二个下拉框不会自动填充。
要在两个下拉框中选择的值都存在于会话中。
总结-
- 填充第一个下拉菜单,重新加载->完成
- 选择它之前的值存储在会话-> done
- 加载第二个下拉框中的值,基于第一个选择->等待:(
- 选择session -> pending中第二个下拉列表的值:(
基本上,在意外重新加载页面时,下拉菜单必须像多米诺骨牌一样相互填充,tish tish tish,每个下拉菜单的值在会话中可用(在重新加载之前保存)
您可以在第一次选择时手动触发change
事件:
// trigger onchange on the first select in the page
document.getElementsByTagName("select")[0].onchange();
// trigger onchange on #theselect
document.getElementById("theselect").onchange();