title: JQuery select multiple after chained select
body: <p>A user should select hosts after selecting some groups. I have build a chained select with the <a href="http://www.appelsiini.net/projects/chained" rel="nofollow noreferrer">JQuery chained remote Plugin</a> for selecting Hosts via Groups. The following code is being used and working fine:</p>
  <pre class="lang-js prettyprint-override"><code>$('#hosts').remoteChained({
      parents: &quot;#hosts_group&quot;,
      url: &quot;ajax/getHosts&quot;
   });
  </code></pre>
  <pre class="lang-html prettyprint-override"><code>   &lt;select id=&quot;hosts_group&quot; name=&quot;hosts_group&quot; class=&quot;form-control&quot;&gt;
           &lt;option value=&quot;&quot;&gt;Bitte Gruppe selektieren&lt;/option&gt;
           &lt;option value=&quot;1&gt;Some Groups&lt;/option&gt;
     &lt;/select&gt;
  
     &lt;select id=&quot;hosts&quot; name=&quot;hosts&quot;&gt;&lt;/select&gt;
  </code></pre>
  <p>But the final result should provide a duallistbox for the Hosts in which a User can select Hosts from any Group. I have tried adding the multiple tag to the hosts select and adding a <a href="http://www.jqueryscript.net/form/Efficient-Dual-List-Box-Plugin-with-jQuery-Bootstrap.html" rel="nofollow noreferrer">JQuery DuallistBox</a> via the following snippet:</p>
  <pre class="lang-js prettyprint-override"><code> $('#hosts').remoteChained({
      parents: &quot;#hosts_group&quot;,
      url: &quot;ajax/getHosts&quot;
   }).DualListBox({json: false});
  </code></pre>
  <p>The duallist box is displayed fine, but no hosts are shown when I select a group.</p>
  <p>JSON Data looks like the following:</p>
  <pre><code>[
      {'name': 'host1', 'id': '1'},
      {'name': 'host2', 'id': '2'}
  ]
  </code></pre>
  <p>When selecting a different group, the json contains also the different hosts. The chained select plugin requests the data via the following request: ajax/getHosts/?hosts_group=selectedId</p>
  <p>Just using the chained select with a normal multiple select works fine.
  The problem is displaying the json data, which differs for each select, in the duallist box.</p>
  <p>I have tried to build a JsFiddle example, but it is not working, because the external library won't be loaded and I don't really understand how I can manually provide the json via different selects.</p>