Blame view

bower_components/select2/docs/_includes/examples/placeholders.html 1 KB
f6e211e4   Administrator   finish work part 1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
  <section>
  
    <h1 id="placeholders">Placeholders</h1>
  
    <p>
      A placeholder value can be defined and will be displayed until a
      selection is made. Select2 uses the <code>placeholder</code> attribute
      on multiple select boxes, which requires IE 10+. You can support it in
      older versions with
      <a href="https://github.com/jamesallardice/Placeholders.js">the Placeholders.js polyfill</a>.
    </p>
  
    <div class="s2-example">
      <p>
        <select class="js-example-placeholder-single js-states form-control">
          <option></option>
        </select>
      </p>
      <p>
        <select class="js-example-placeholder-multiple js-states form-control" multiple="multiple"></select>
      </p>
    </div>
  
    <pre data-fill-from=".js-code-placeholder"></pre>
  
  <script type="text/javascript" class="js-code-placeholder">
  $(".js-example-placeholder-single").select2({
    placeholder: "Select a state",
    allowClear: true
  });
  
  $(".js-example-placeholder-multiple").select2({
    placeholder: "Select a state"
  });
  </script>
  
  </section>