试图用Javascript/jQuery填充SELECT菜单，但脚本没有;不起作用

Trying to populate a SELECT menu with Javascript/jQuery, but script doesn't work

本文关键字：脚本 不起作用 菜单 SELECT Javascript 填充 jQuery      更新时间：2023-09-26

我正在尝试构建一个页面，在该页面中选择部门将填充<SELECT>（命名为#SEL_Position），并具有各种<OPTION>标记应该在其中列出只属于该部门的职位。我找到了一个脚本，它正是我想要的（我以前的工作方式在IE中不起作用），并试图实现它。从#SEL_Department中选择一个项目会显示#SEL_Position，我已经在工作了。然而，填充位置的脚本——在我发现它的地方起作用——似乎不会影响#SEL_Position中的HTML，使其完全为空。

所以你可以看到我的enter code here，这是一个页面的JSFiddle。我做错了什么？我错过什么了吗？我是不是犯了一些愚蠢的错别字，我看不见，因为我的大脑在填充我"知道"我做了什么？我希望这个脚本能正常工作，因为它看起来将来很容易维护。

只有几个打字错误：

  • $(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/

相关文章：