По умолчанию дочерний список выбора изменен в Выберите любой - PullRequest
Новая
       4

По умолчанию дочерний список выбора изменен в Выберите любой

0 голосов
/ 13 февраля 2020

Как я могу изменить Второе раскрывающееся меню на родительское меню выбора, когда я изменил параметры отображения меню? 

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

1 Ответ

0 голосов
/ 14 февраля 2020

Вы можете 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>
...