title: jQuery loop through select options and display multiple image
body: <p>i have a select box which accepts multiple selections (<a href="http://silviomoreto.github.io/bootstrap-select/examples/" rel="nofollow">Bootstrap Select</a>) when an option is selected i want to display an image. The image part i have done! It successfully echo's an image based on the value.</p>
  
  <p>But how do i loop through the options so it shows multiple images when more than 1 option is selected.</p>
  
  <pre><code>$(document).ready( function() {
      $("#PrimaryTrade").each(function () {
          $(this).on('changed.bs.select', function (e) {
              $("img[name=image-swap]").attr("src","/images/icons/" + $(this).val() + "_Image.png");
          });
      });
  })
  </code></pre>