根据另一个选择更新一个选择

可能重复：
如何在更改第一个下拉列表后从数据库加载第二个下拉列表

嘿，我有一个表格，里面有两个选择下拉列表。

第一个选择填充了用户的投资组合，第二个选项需要填充投资组合。 我获得了登录用户的所有投资组合，并使用这些投资组合填充第一个选择我想在第一个选择的基础上填充第二个选择组，例如，如果用户选择portfolio_1，portfolio_1中的所有组应该在第二个选择框中加载。

第一个选择投资组合是：

 Select Portfolio {% for portfolio in portfolios %} {{ portfolio.portfolioName }} {% endfor %}  

我理解的是我需要调用ajax函数onchange of first select in ajax我需要发送选定的投资组合ID并查找具有该id的所有组，然后返回所有这些组并仅更新第二个选择框与那些组，

我不知道如何用我将获得的组填充第二个选择

有任何想法吗？

谢谢

Answer 1

好吧，我只是以JSON格式返回它们，然后将它们注入DOM：

 $('#portfolios').on('change', function(){ $.getJSON('url/for/groups', function(pgroups) { var html = ''; $.each(pgroups, function(value, name) { html += ''+name+''; }); $('#portfolio-groups').html(html); }); }); 

Answer 2

  Select Portfolio {% for portfolio in portfolios %} {{ portfolio.portfolioName }} {% endfor %}   call the ajax function on the onchange event of your 1st selectbox // here is JS code  on your php file make options for selectbox of group portfolio and adjust according to your requirnments Portfolio groups .......