Выберите в JS не работает

0

Я очень новичок в js и использую selective в первый раз. Пожалуйста, будьте добры. Я знаю, что это очень глупое сомнение, но я не могу заставить его работать.

У меня есть приведенный ниже код для создания раскрывающегося списка и поиска по нему -

<html>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <link href="../select2-3.4.8/select2.css" rel="stylesheet"/>
    <script src="../select2-3.4.8/select2.js"></script>
    <script>
        $(document).ready(function() { $("#mySelect").select2(); });
    </script>
</head>
</script>
</body>
</html>

    <html>
    <head>
    </head>
    <body>
    <select name="dateRange" id="mySelect" size="1">
           <option value > Select Country </option>
                <option value="United States">United States</option>
                <option value="United Kingdom">United Kingdom</option>
                <option value="Afghanistan">Afghanistan</option>
                <option value="Aland Islands">Aland Islands</option>
                <option value="Albania">Albania</option>
                <option value="Algeria">Algeria</option>
                <option value="Argentina">Argentina</option>
                <option value="Austria">Austria</option>
                <option value="Azerbaijan">Azerbaijan</option>
                <option value="Bahamas">Bahamas</option>
                <option value="Bahrain">Bahrain</option>
                <option value="Guernsey">Guernsey</option>
                <option value="Guinea">Guinea</option>
                <option value="Guinea-bissau">Guinea-bissau</option>
                <option value="Guyana">Guyana</option>
                <option value="Haiti">Haiti</option>
                <option value="Heard Island">Heard Island</option>
                <option value="Holy See (Vatican City State)">Holy See</option>
                <option value="Botswana">Botswana</option>
                <option value="Bouvet Island">Bouvet Island</option>
                <option value="Montserrat">Montserrat</option>
                <option value="Morocco">Morocco</option>
                <option value="Mozambique">Mozambique</option>
                <option value="Myanmar">Myanmar</option>
                <option value="Namibia">Namibia</option>
                <option value="Nauru">Nauru</option>
                <option value="Nepal">Nepal</option>
                <option value="Netherlands">Netherlands</option>
                <option value="New Caledonia">New Caledonia</option>
            <option value="Puerto Rico">Puerto Rico</option>
                <option value="Qatar">Qatar</option>
                <option value="Reunion">Reunion</option>
                <option value="Romania">Romania</option>
                <option value="Russian Federation">Russian Federation</option>
                <option value="Rwanda">Rwanda</option>
                <option value="Saint Barthelemy">Saint Barthelemy</option>
                <option value="Saint Helena">Saint Helena</option>
                <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
                <option value="Saint Lucia">Saint Lucia</option>
                <option value="Saint Martin (French part)">Saint Martin (French part)</option>
    </select> 
    </body>
    </html>

код, похоже, не работает. что я здесь делаю неправильно?

  • 0
    Вам нужно включить jQuery, прежде чем вы сможете вызывать функции $()
  • 0
    Вы не включили библиотеку jQuery. Кроме того, почему есть два независимых <html> блока ...?
Показать ещё 2 комментария
Теги:

2 ответа

3
Лучший ответ

У вас есть два отдельных html-документа, и ваши теги на голове и теле имеют удар. Также ваш селектор jQuery ошибочен.

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <link href="../select2-3.4.8/select2.css" rel="stylesheet"/>
    <script src="../select2-3.4.8/select2.js"></script>
    <script>
        $(document).ready(function() { $("#mySelect").select2(); });
    </script>

</head>
<body>
    <select name="dateRange" id="mySelect" size="1">
           <option value > Select Country </option>
                <option value="United States">United States</option>
                <option value="United Kingdom">United Kingdom</option>
                <option value="Afghanistan">Afghanistan</option>
                <option value="Aland Islands">Aland Islands</option>
                <option value="Albania">Albania</option>
                <option value="Algeria">Algeria</option>
                <option value="Argentina">Argentina</option>
                <option value="Austria">Austria</option>
                <option value="Azerbaijan">Azerbaijan</option>
                <option value="Bahamas">Bahamas</option>
                <option value="Bahrain">Bahrain</option>
                <option value="Guernsey">Guernsey</option>
                <option value="Guinea">Guinea</option>
                <option value="Guinea-bissau">Guinea-bissau</option>
                <option value="Guyana">Guyana</option>
                <option value="Haiti">Haiti</option>
                <option value="Heard Island">Heard Island</option>
                <option value="Holy See (Vatican City State)">Holy See</option>
                <option value="Botswana">Botswana</option>
                <option value="Bouvet Island">Bouvet Island</option>
                <option value="Montserrat">Montserrat</option>
                <option value="Morocco">Morocco</option>
                <option value="Mozambique">Mozambique</option>
                <option value="Myanmar">Myanmar</option>
                <option value="Namibia">Namibia</option>
                <option value="Nauru">Nauru</option>
                <option value="Nepal">Nepal</option>
                <option value="Netherlands">Netherlands</option>
                <option value="New Caledonia">New Caledonia</option>
            <option value="Puerto Rico">Puerto Rico</option>
                <option value="Qatar">Qatar</option>
                <option value="Reunion">Reunion</option>
                <option value="Romania">Romania</option>
                <option value="Russian Federation">Russian Federation</option>
                <option value="Rwanda">Rwanda</option>
                <option value="Saint Barthelemy">Saint Barthelemy</option>
                <option value="Saint Helena">Saint Helena</option>
                <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
                <option value="Saint Lucia">Saint Lucia</option>
                <option value="Saint Martin (French part)">Saint Martin (French part)</option>
    </select> 
    </body>
    </html>
Поделиться
  • 0
    я могу использовать ту же логику в случае, когда у меня есть два выпадающих списка на одной странице?
  • 0
    Конечно, вы можете использовать оба идентификатора или перейти к классу, например так: <select id="first" class="select2"> и <select id="second" class="select2"> затем $(document).ready(function() { $(".select2").select2(); });
1

$("mySelect").select2(); должно быть:

$("#mySelect").select2();

Вы должны использовать префикс # для таргетинга на элемент с определенным идентификатором.

И ваш html не приятен.

Должен быть:

<html>
  <head>
    <title>Title here</title>
    script tags...
  </head>
  <body>
     ... select..
  </body>
</html>
Поделиться
  • 2
    downvoter, хочешь разработать?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню