Question

来自此片段。

<div class="form-group row role_id" id="form-group-role">
  <div class="col-md-9">
    <div class="form-material">
      <select name="role_id" id="role_id" class="form-control" >           
        <option value="1">Admin</option>
        <option value="2">Writer</option>
      </select>  
      <label for="material-select">Member Type</label>
    </div>
  </div>
</div>
<div id="tagsinput">
  <select name="place_id" id="place_id" class="form-control" >
    <option value="1">Paris</option>
    <option value="2">Marseille</option>
  </select>
</div>

如果选择了值为1的admin，我想从dom中删除标签输入内容，如果是2，则将其附加。

Answer 1

＆＃13;

$(document).ready(function(){
  $("#role_id").change(function(){
    if($(this).val()==1){
      $("#tagsinput").hide();
    }else{
      $("#tagsinput").show();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group row role_id" id="form-group-role">
  <div class="col-md-9">
    <div class="form-material">
      <select name="role_id" id="role_id" class="form-control" >           
        <option value="1">Admin</option>
        <option value="2">Writer</option>
      </select>  
      <label for="material-select">Member Type</label>
    </div>
  </div>
</div>
<div id="tagsinput" style="display:none">
  <select name="place_id" id="place_id" class="form-control" >
    <option value="1">Paris</option>
    <option value="2">Marseille</option>
  </select>
</div>

＆＃13;

选择特定选项时，从dom中删除元素

1 个答案: