我正在创建一个网站.在此网站中有一个表单,用户必须输入详细信息.所以,在这种形式中,我添加了2个下拉列表,如下所示.现在我想,当我从Adults菜单中选择数字9时,我想禁用子菜单.否则,如果数字是8或小于8,仍然可以从儿童菜单中选择.然后我在jquery中使用了length.但是,这不是我想要的.
我怎样才能做到这一点？
$(document).ready(function() {
var adults = parseFloat($('#adults').val());
var children = parseFloat($('#children').val());
var infants = $('#infants').val();
var Total = adults + children;
//$("#errorModal").html(Total);
$('#adults').change(function() {
var st = $('#adults option:selected');
if (st.length > 8) {
$("#children").prop('disabled', true);
}
});
alert(Total);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form class="form-horizontal" method="POST" action="#" enctype="multipart/form-data" id="signupForm">
<div class="col-md-4 col-sm-12 hero-feature">
<!-- Start Of The Col Class -->
Adults :
<select name="adults" class="form-control" id="adults">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option> …