title: Show selected options as the bootstrap dropdown menu in Html & JavaScript
body: <p>Is it possible to  create a multi-select checkbox dropdown like <a href="https://cuppalabs.github.io/angular2-multiselect-dropdown/#/basic" rel="nofollow noreferrer">this</a> in Bootstrap, HTML and JavaScript.</p>
  <p>I have tried I couldn't able to achieve it. I'm new to JavaScript as well However I'm just exploring the JS and make it to work but this seems really challenging for me. I don't know how to implement JS script for this.</p>
  <p>For instance: If the user selects the countries in the multiselect checkbox I want it to show it  all countries name instead of Choose option.</p>
  <p>code:</p>
  <pre><code>        &lt;div&gt;Country&lt;/div&gt;
          &lt;div class=&quot;row&quot; name=&quot;country_checkbox&quot; id=&quot;id_row&quot;&gt;
            &lt;div class=&quot;dropdown&quot;&gt;
              &lt;a aria-expanded=&quot;false&quot; aria-haspopup=&quot;true&quot; role=&quot;button&quot; data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&gt;
                &lt;span id=&quot;selected&quot;&gt;Choose option&lt;/span&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;&lt;/a&gt;
  
  
            &lt;ul id=&quot;id_country&quot;&gt;
              &lt;li&gt;&lt;label for=&quot;id_country_0&quot;&gt;&lt;input type=&quot;checkbox&quot; name=&quot;country&quot; value=&quot;US&quot;
                    placeholder=&quot;Select Country&quot; id=&quot;id_country_0&quot; onclick=&quot;filter_type();&quot;&gt;
                  US&lt;/label&gt;
  
              &lt;/li&gt;
              &lt;li&gt;&lt;label for=&quot;id_country_1&quot;&gt;&lt;input type=&quot;checkbox&quot; name=&quot;country&quot; value=&quot;India&quot;
                    placeholder=&quot;Select Country&quot; id=&quot;id_country_1&quot; onclick=&quot;filter_type();&quot;&gt;
                  India&lt;/label&gt;
  
              &lt;/li&gt;
              &lt;li&gt;&lt;label for=&quot;id_country_2&quot;&gt;&lt;input type=&quot;checkbox&quot; name=&quot;country&quot; value=&quot;Japan&quot;
                    placeholder=&quot;Select Country&quot; id=&quot;id_country_2&quot; onclick=&quot;filter_type();&quot;&gt;
                  Japan&lt;/label&gt;
  
              &lt;/li&gt;
              &lt;li&gt;&lt;label for=&quot;id_country_3&quot;&gt;&lt;input type=&quot;checkbox&quot; name=&quot;country&quot; value=&quot;UK&quot;
                    placeholder=&quot;Select Country&quot; id=&quot;id_country_3&quot; onclick=&quot;filter_type();&quot;&gt;
                  UK&lt;/label&gt;
              &lt;/li&gt;
  
            &lt;/ul&gt;
          &lt;/div&gt;
       
  </code></pre>
  <p>js fiddle here: <a href="http://jsfiddle.net/shalman44/92drs7ax/3/" rel="nofollow noreferrer">http://jsfiddle.net/shalman44/92drs7ax/3/</a></p>