title: Uncaught TypeError: No method named "get value" - get values using semantic ui for Multiple Selection
body: <p>I want to retrieve data from Multiple selection dropdown design of semantic ui (link given below).
  The data is getting populated dynamically using javascript and ajax using a .js file.</p>
  <pre><code>&lt;!-- jquery --&gt;
  &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;!-- semantic UI --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css&quot;&gt;
  &lt;script src=&quot;https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;form id=&quot;compare-form&quot; class=&quot;ui form small&quot;&gt;
      {% csrf_token %}
      &lt;div class=&quot;d-flex justify-content-center&quot;&gt;
              &lt;div class=&quot;me-2 flex-fill&quot; id=&quot;business_units&quot; style=&quot;width:320px;&quot;&gt;
                    &lt;input type=&quot;hidden&quot; name=&quot;business_unit&quot;&gt;
                    &lt;select name=&quot;business-unit&quot; multiple=&quot;&quot; class=&quot;ui loading fluid dropdown buclass&quot; id=&quot;business_unit-data-box&quot;&gt;
                        &lt;!-- Dynamically populating options here using JS --&gt;
                        &lt;option id=&quot;business_unit-text&quot; value=&quot;&quot;&gt;Choose a business unit&lt;/option&gt;
                    &lt;/select&gt;
              &lt;/div&gt;
              &lt;br&gt;
              &lt;div class=&quot;me-3 flex-fill&quot;&gt;
                  &lt;button name=&quot;Fetch SPs&quot; type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;fetchsp&quot; style=&quot;width:120px;&quot;&gt;
                      Fetch SPs
                  &lt;/button&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>I can see how to fetching of data when options are already available in HTML file using jquery like below:</p>
  <pre><code>$(&quot;#multi-select&quot;).dropdown(&quot;get value&quot;) 
  </code></pre>
  <p>But since my options are loaded dynamically, this is not working and getting below error:</p>
  <pre><code>dropdown.js:364 Uncaught TypeError: No method named &quot;get value&quot;
      at Function.dropdownInterface (dropdown.js:364)
      at HTMLSelectElement.&lt;anonymous&gt; (dropdown.js:373)
      at Function.each (VM84186 jquery-3.5.1.min.js:2)
      at S.fn.init.each (VM84186 jquery-3.5.1.min.js:2)
      at S.fn.init.jQueryInterface [as dropdown] (dropdown.js:372)
      at HTMLButtonElement.&lt;anonymous&gt; (&lt;anonymous&gt;:3:48)
      at HTMLButtonElement.dispatch (VM84186 jquery-3.5.1.min.js:2)
      at HTMLButtonElement.v.handle (VM84186 jquery-3.5.1.min.js:2)
  </code></pre>
  <p>To make it easy, I have added a button after the 'select' dom element, and thinking of triggering an event using &quot;click&quot; (click event handler) but can't figure out how.</p>
  <p>Update 2: dropdown is working and values are retrievable here <a href="https://jsfiddle.net/dr_essen/oeakfth5/10/" rel="nofollow noreferrer">Working Dropdown Sample</a> but in my workspace, getting &quot;get value&quot; error as shown above.</p>
  <p>Update 3: This is happenning in pycharm environment while I am using Django framework. If I write a simple HTML, it's working fine without any framework.</p>
  <p><a href="https://semantic-ui.com/modules/dropdown.html#multiple-selection" rel="nofollow noreferrer">Multiple Selection Dropdown link - Semantic UI</a></p>