Select2 JavaScript не меняющийся выбор по умолчанию

Я пытаюсь реализовать JavaScript с Select2 на моем веб-сайте Asp.net, но независимо от того, что я пробовал, он, похоже, не реализуется и просто показывает элемент управления select, как обычно. Я попытался изменить свои сценарии и посмотреть примеры на веб-сайте select2, но, похоже, не понял.Select2 JavaScript не меняющийся выбор по умолчанию

Его, вероятно, что-то незначительные им не хватает им угадать, ниже мой код:

@model AssignerWebTool.Models.CreateUserModel 
@{ 
ViewBag.Title = "Create User"; 
} 
<head> 
<title></title> 

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> 
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> 
</head> 

<body> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("help").select2(); 
}); 
</script> 

<select id="help" class="help"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 
</body>

источник

2016-11-01 Spitfire5793

Проверьте консоль браузера и посмотреть, есть ли у вас какие-либо ошибки JS – Shyju

А это говорит следующее: Uncaught TypeError:. $ (...) Выбор2 не является функцией (...) – Spitfire5793

Ваш селектор JQuery неправильно! В вашем DOM нет такого элемента, который называется help. Существует элемент с Id help. Таким образом, вы можете использовать селектор идентификатора (с помощью #)

Попробуйте

$(document).ready(function() { 
    $("#help").select2(); 
});

Кроме того, необходимо, чтобы убедиться, что вы загружаете скрипты в правильном порядке. В вашем макете будет определен раздел scripts, и вы должны вызывать скрипты уровня страницы в том же разделе scripts.

Это должно сработать.

<select id="help" class="help"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 

@section scripts 
{ 
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> 
    $(function() { 

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

    }); 

}

источник

2016-11-01 17:31:15 Shyju

Вы, сэр, мой герой , большое спасибо – Spitfire5793

Select2 JavaScript не меняющийся выбор по умолчанию

ответ

Смежные вопросы