Unhandled exception at line 49, column 13 in http://localhost:55376/Home/Index 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'multiselect' . Is this because the format of razor (MVC 5.2) is different to html or earlier variants of razor?
@{
ViewBag.Title = "Index";
}
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css"
rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(function () {
$('#mySkills').multiselect({
includeSelectAllOption: true
});
});
$("#btnGetSkills").click(function () {
alert($("#mySkills").val());
});
});
</script>
<h2>Multiselect Dropdown with Checkbox</h2>
<div>
<select id="mySkills" multiple="multiple" required name="mySkillsName">
@if (ViewBag.mySkills != null)
{
foreach (var item in ViewBag.mySkills)
{
if (item.Text != null)
{
<option value="@item.Value">
@item.Text
</option>
}
}
}
</select>
</div>
<br />
<br />
<input type="button" id="btnGetSkills" value="Click me to Get Selected Skill(s)" />
User contributions licensed under CC BY-SA 3.0