默认情况下，子选择下拉菜单在 Select any答案

【问题标题】：By default child select dropdown changed in Select any默认情况下，子选择下拉菜单在 Select any
【发布时间】：2020-02-13 20:39:46
【问题描述】：

当我更改菜单显示选项时，如何将第二个下拉菜单更改为选择父菜单？

$(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>

https://jsfiddle.net/Neeraj1005/cmhfd8sz/11/

【问题讨论】：

标签： javascript jquery laravel-6

【解决方案1】：

你可以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>

【讨论】：

Jsfiddle 感谢您的回复。但我真正想要的是，我做了一些小的改动。