javascript - 默认情况下,子选择下拉列表在 Select any
问题描述
当我更改菜单显示选项时,如何将第二个下拉菜单更改为选择父菜单?
$(function() {
$('select').change(function(evt) {
console.log($('select option:selected').data('check'));
//$('select option:selected').data('check') ? $('#ifYes').show() : $('#ifYes').hide();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
If I change the Menu Display automatically parent menu will be chaged?
</div>
<br>
<div class="form-group">
<label for="exampleInputEmail1">Menu Display</label>
<select name="status" class="form-control ">
<option value="1">Top Menu</option>
<option data-check="true" value="2">Sub Menu</option>
<option value="0">Footer Menu</option>
</select>
</div>
<div class="form-group " id="ifYes" style="">
<label for="parent_id">Parent Menu</label>
<select class="form-control rest" name="parent_id" id="parent_id">
<option value="0">select Menu</option>
<option value="1">one</option>
<option value="2">Two</option>
</select>
</div>
解决方案
您可以trigger
更改如下事件
$('select[name="status"]').change(function(evt) {
var value = $('select option:selected').val();
$('#parent_id').val(value).trigger('change');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
If I change the Menu Display automatically parent menu will be chaged?
</div>
<br>
<div class="form-group">
<label for="exampleInputEmail1">Menu Display</label>
<select name="status" class="form-control ">
<option value="1">Top Menu</option>
<option data-check="true" value="2">Sub Menu</option>
<option value="0">Footer Menu</option>
</select>
</div>
<div class="form-group " id="ifYes" style="">
<label for="parent_id">Parent Menu</label>
<select class="form-control rest" name="parent_id" id="parent_id">
<option value="0">select Menu</option>
<option value="1">one</option>
<option value="2">Two</option>
</select>
</div>
推荐阅读
- python - MIMEText 和 sqlite 中的语法错误
- c++ - 为什么我的蛇只向上移动?
- ubuntu - 如何设置绑定的替代路径(Gnat ADA)
- android - Android Studio 3.1.3 渲染失败,缺少样式,未能实例化一个或多个类
- spring-batch - 嵌套异常是 org.springframework.beans.factory.BeanCreationException:创建 VFS 资源中定义的名称为“jobRepository”的 bean 时出错
- c++ - Qt - Q_PROPERTY 的 NOTIFY 信号未发出关于 MEMBER 更改
- javascript - 如何从javascript中的字符串中获取值?
- python - Python JSON dict到数据框没有行
- c# - C# - 实现安全 Web 套接字
- c++ - Qt 对象所有权内存泄漏