title: How to make bootstrap multiselect option connect with div id
body: <p>I am trying to create a multiselecor by using bootstrap multiselect. I want the options in the dropdown list connect with the div id. For example, when initialize and user does not make any selection, "chart 1", "chart 2" and "chart 3" are hidden on the webpage. If user selects option 1 and option 3, "chart 1" and "chart 3" show up.</p>
  
  <p>I went through the tutorial on this website <a href="http://davidstutz.github.io/bootstrap-multiselect/#getting-started" rel="nofollow">http://davidstutz.github.io/bootstrap-multiselect/#getting-started</a>. I am not sure if onChange funtion is the one to make this happen...If so, any other examples? I am a newbie for javascript and jquery.I am still not able to know how to do it after reading that website..Appreciate if you could give me more clue!!</p>
  
  <p>The code below is what I have so far. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt; 
      &lt;!-- jQuery --&gt;
      &lt;script src="http://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
      &lt;!-- MultiSelect --&gt;
      &lt;link rel="stylesheet" href="bootstrap-multiselect.css" type="text/css"/&gt;
      &lt;script type="text/javascript" src="bootstrap-multiselect.js"&gt;&lt;/script&gt;
      &lt;!-- Twitter Bootstrap --&gt;  
      &lt;link rel="stylesheet" href="bootstrap.min.css" type="text/css"/&gt;
      &lt;link rel="stylesheet" href="bootstrap-theme.min.css"&gt;
      &lt;script ttype="text/javascript" src="bootstrap.min.js"&gt;&lt;/script&gt;
  
    &lt;/head&gt;
    &lt;body&gt;    
      &lt;div align="center" id="multiselect" multiple = "multiple" style = "display: none;"&gt;        
      &lt;/div&gt;  
      &lt;div id="chartId1"&gt; 
          &lt;b&gt;'chart 1'&lt;/b&gt;
      &lt;/div&gt; 
      &lt;div id="chartId2"&gt; 
          &lt;b&gt;'chart 2'&lt;/b&gt;
      &lt;/div&gt; 
      &lt;div id="chartId3"&gt; 
          &lt;b&gt;'chart 3'&lt;/b&gt;
      &lt;/div&gt; 
      &lt;script&gt;    
  function InitMultiselect(){
       var multiOptions = [
      {label: 'Option 1', value: '1'},
      {label: 'Option 2', value: '2'},
      {label: 'Option 3', value: '3'}
      ];
      $(document).ready(function() {
          $('#multiselect'). multiselect('dataprovider', multiOptions);
  
      });
  }
  InitMultiselect()
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>