使用 Jquery 链式模块,链式选择有效,但多个父级无效。
我试图删除引导程序、验证器、引导完成......但没有成功。
我还尝试了其他名称和值。
有人能帮我吗 ?谢谢。
<form class="form-horizontal" id="formulaire" role="form" data-toggle="validator"">
<hr/>
<header class="row" style="margin-bottom: 20px;">
<div class="col-md-12"><h3 class="text-center">FORMATION</h2></div>
</header>
<div class="row">
<div class="col-md-4 form-group">
<label for="formation" class="col-md-4 control-label">Intitulé de la formation<span style="color: red">*</span> :</label>
<div class="col-md-8">
<select id="formation" class="form-control" name="formation" required >
<option value=""></option>
<option value="1">BTS Assistant Manager</option>
<option value="2">Gestionnaire des ressources humaines</option>
</select>
<div class="help-block with-errors"></div></div>
</div>
<div class="col-md-4 form-group">
<label for="niveau" class="col-md-4 control-label">Année<span style="color: red">*</span> :</label>
<div class="col-md-8">
<select id="niveau" class="form-control" name="niveau" required >
<option value=""></option>
<option class="1" value="1">BTS 1</option>
<option class="1" value="2">BTS 2</option>
<option class="2" value="5">BAC+3</option>
</select>
<div class="help-block with-errors"></div></div>
</div>
<div class="col-md-4 form-group">
<label for="sect" class="col-md-4 control-label">Section<span style="color: red">*</span> :</label>
<div class="col-md-8">
<select id="section" class="form-control" name="section" required >
<option value=""></option>
<option class="1\1" value="1">S1</option>
<option class="1\1" value="2">S2</option>
<option class="1\1" value="3">S3</option>
<option class="1\2" value="1">S1</option>
<option class="2\5" value="1">S1</option>
<option class="2\5" value="2">S2</option>
</select>
<div class="help-block with-errors"></div></div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Envoyer</button>
</div>
</form>
</div><!-- /.container -->
<script type="text/javascript" src="http://127.0.0.1/assets/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="http://127.0.0.1/assets/js/validator.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1/assets/js/jquery.bootcomplete.js"></script>
<script type="text/javascript" src="http://127.0.0.1/assets/js/jquery.chained.min.js"></script>
<script type="text/javascript">
$('#etudiant_adresse_code_postal').bootcomplete(
{
url:'../ajax/codepostal/',
method:'post',
minLength:2
}
);
$('#etudiant_adresse_ville').bootcomplete(
{
url:'../ajax/commune/',
minLength : 0,
method:'post',
formParams:
{
'cp' : $('#etudiant_adresse_code_postal')
}
}
);
$('#niveau').chained('#formation');
$("#section").chained("#formation, #niveau");
</script>