Select 2 Not working in my code

StackOverflow https://stackoverflow.com/questions/23544781

質問 

<html>
<head>
    <link href="http://localhost/mytests/js/select2.css" rel="stylesheet"/>
    <script src="http://localhost/mytests/js/select2.js">
    </script>
    <script>
        $(document).ready(function()
            {
                $("#e1").select2();
                $("#e1").select2(
                    {
                        placeholder: "Select a State",
                        allowClear: true
                    });
                $("#e2_2").select2(
                    {
                        placeholder: "Select a State"
                    });
            });
    </script>
</head>
<body>
    <select id="e1">
        <option value="AL">
            Alabama
        </option>
        <option value="AL">
            Alabama
        </option>
        <option value="AL">
            Alabama
        </option>
        <option value="AL">
            Alabama
        </option>
        <option value="AL">
            Alabama
        </option>

        <option value="WY">
            Wyoming
        </option>
    </select>
</body>

the above code is for selecting cities and also being able to search through the options. The link at the top is for adding select2.js and select2.css. this is not working at the moment.

役に立ちましたか？

解決

here is your code working jsfiddle .Refer the fiddle. Include jquery:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link href="http://localhost/mytests/js/select2.css" rel="stylesheet"/>
<script src="http://localhost/mytests/js/select2.js">

 $("#e1").select2();
 $("#e1").select2(
   {
     placeholder: "Select a State",
     allowClear: true
   });
 $("#e2_2").select2(
  {
    placeholder: "Select a State"
 });
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top