jquery multiselect dropdown selected values <p>I'm very new to javascript and jquery. I'm trying to create a multi-select dropdown list with "Select All" button. I finally find this nice plugin: <a href="http://wenzhixin.net.cn/p/multiple-select/docs/" rel="nofollow">http://wenzhixin.net.cn/p/multiple-select/docs/</a> </p> <p>I followed the docs, and the dropdown is shown on the page. But I have trouble get the selected items. </p> <p><strong>Here is what I did ( in javascript file controller):</strong></p> <pre><code>$scope.testSelectValues = $('#ms').multipleSelect('getSelects', 'text')); </code></pre> <p>and in html file:</p> <pre><code>&lt;div class="form-group"&gt; &lt;label&gt;Month&lt;/label&gt; &lt;select id="ms" multiple="multiple"&gt; &lt;option value="1"&gt;January&lt;/option&gt; &lt;option value="2"&gt;February&lt;/option&gt; &lt;option value="3"&gt;March&lt;/option&gt; &lt;option value="4"&gt;April&lt;/option&gt; &lt;option value="5"&gt;May&lt;/option&gt; &lt;option value="6"&gt;June&lt;/option&gt; &lt;option value="7"&gt;July&lt;/option&gt; &lt;option value="8"&gt;August&lt;/option&gt; &lt;option value="9"&gt;September&lt;/option&gt; &lt;option value="10"&gt;October&lt;/option&gt; &lt;option value="11"&gt;November&lt;/option&gt; &lt;option value="12"&gt;December&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;script&gt; $(function() { $('#ms').change(function() { console.log($(this).val()); }).multipleSelect({ width: '100%' }); }); &lt;/script&gt; </code></pre> <p>This does not work. I don't get any testSelectValues with the proper selected values. Anyone knows what's the problem?</p>