Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Polymer</title>
  </head>
  <body>
    <script src="http://www.polymer-project.org/platform.js"></script>
    <link rel="import"
          href="http://www.polymer-project.org/components/polymer/polymer.html">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.6/select2.js"></script>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.6/select2.css">
    <polymer-element name="x-foo">
      <template>
        <h1>Select2 all up in here!</h1>
        <content></content>
      </template>
      <script>
        Polymer('x-foo', {
        });
      </script>
    </polymer-element>
    <x-foo>
      <select id="e1">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
      </select>
    </x-foo>
    <script>
      $(document).ready(function() { $("#e1").select2(); });
    </script>
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
robdodsonpro
0viewers