尝试使用Javascript / jQuery填充SELECT菜单,但脚本不起作用

时间:2015-11-03 21:49:44

标签: javascript jquery html

我正在尝试构建一个页面,选择部门将填充<选择> (名为#SEL_Position)与各种<选项>它应该包含在内的标签,列出仅属于该部门的职位。 I found a script to go from正是我正在寻找的(我之前使用它的方式在IE中无效)并尝试实现它。从#SEL_Department中选择一个项目会显示#SEL_Position,我已经开始工作了。但是,填充位置的脚本 - 在我找到它的位置 - 似乎不会影响#SEL_Position中的HTML,使其完全空白。

所以你可以看到我得到了什么,enter code here here's a JSFiddle of the page.我做错了什么?我错过了什么?我做了一些我看不见的愚蠢错字,因为我的脑子里充满了我所知道的“我知道”吗?我希望这个脚本能够正常运行,因为它看起来将来很容易维护。

1 个答案:

答案 0 :(得分:0)

只是几个错字:

  • $(this).attr("case_var")应为$('option:selected', this).attr("case_var")
  • list(DeptExecutive);应为list(Dept_Executive);
  • $("#SEL_Position").append("option...应为$("#SEL_Position").append("<option...

这是一个有效的版本:http://jsfiddle.net/dk0pjhw4/