Определяемая пользователем функция javascript не будет работать с HTML-формами, использующими шаблон AdminLTE - PullRequest
Новая
       19

Определяемая пользователем функция javascript не будет работать с HTML-формами, использующими шаблон AdminLTE

0 голосов
/ 29 апреля 2019

Функция Javascript не работает, когда я добавляю этот код в мою HTML-форму. Class = "form-control select2". Если я уберу select2 теперь, который становится class = "form-control", он запустится. Как заставить функцию работать, включив select2? Любая помощь будет с благодарностью. Благодарю. Вот код ниже: 

<html>
<head>
<title>Some Title</title>
<!-- some css and plugin links here -->
</head>
<body>
<div class="col-md-6">
<div class="form-group">
<label for="reg_track" class="col-sm-2 control label">Track</label>
<div class="col-sm-7">
<select name="reg_track" id="reg_track" class="form-control select2"  onclick="getStrand()" required>
<option selected>Select Track</option>
<option value="Academic">Academic</option>
<option value="Arts and Design">Arts and Design</option>
<option value="TVL">TVL</option>
</select>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="reg_strand" class="col-sm-2 control-label">Strand</label>
<div class="col-sm-7">
<select name="reg_strand" id="reg_strand" class="form-control select2" required>
</select>
</div>
</div>
</div>

<!-- some bootstrap and js links -->
<!-- here's the script -->
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
});

//the function that I've created
function getStrand(){
var track = document.getElementById("reg_track");
var strand = document.getElementById("reg_strand");
var selected_track = track.options[track.selectedIndex].value;

var academic_strands = ["ABM","GA","HUMSS","STEM"];

if(selected_track=="Academic"){
strand.options.length = 0;
for(i=0;i<academic_strands.length;i++){
strand.options[i] = new Option(academic_strands[i]);
}

}
} 

</script>
</body>
</html>
...