gpt4 book ai didi

javascript - jQuery : Change Dropdown value on change event

转载 作者:行者123 更新时间:2023-11-28 13:05:58 27 4
gpt4 key购买 nike

我有一个像这样的下拉菜单:

<div class="form-group">
<select class="form-control" id="class" name="class">
<option value="grade">Grade</option>
<option value="year">Year</option>
</select>
</div>

旁边还有另一个下拉菜单:

<div class="form-group">
<select class="form-control" id="class_year" name="class_year" >
<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>
<option value="8">8</option
</select>
</div>

如果在第一个下拉菜单中选择了年级,则第二个下拉菜单应从 3 开始,否则应从 5 开始。我尝试使用 on('change'function(){}) 但无法操作值(value)观,请帮助我。

这里我想改变这个值:

 $("#class").on('change',function(){
if(this.value=='grade'){
// here i have to set the value, if its grade it will start from 4 otherwise it will be 3
}
})

最佳答案

$('.first-select').on('change', function() {
if(this.value == 'grade') {
$('.second-select option').show();
$('.second-select').prop('selectedIndex',0);
}
else if(this.value == 'year') {
$('.second-select option[value="4"]').hide();
$('.second-select option[value="3"]').hide();
$('.second-select').prop('selectedIndex',2);
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group">
<select class="form-control first-select" id="class" name="class">
<option value="grade">Grade</option>
<option value="year">Year</option>
</select>
</div>


<div class="form-group">
<select class="form-control second-select" id="class_year" name="class_year" >
<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>
<option value="8">8</option
</select>
</div>

关于javascript - jQuery : Change Dropdown value on change event,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46382435/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com