代码之家  ›  专栏  ›  技术社区  ›  Cesar Bielich

获取壁橱select2 jquery的值

  •  0
  • Cesar Bielich  · 技术社区  · 6 年前

    closest() .save_entry .

    $(this).closest('select').val(); 但它将返回未定义的。我试过很多变种,但因为 select2

    <div class="input-group">
        <select class="form-control select2custom" style="width: 100%">'+data+'</select>
        <span class="input-group-btn">
            <button class="btn btn-primary btn-sm save_entry" type="button" data-id="'+row_id+'">
                <i class="fas fa-check"></i>
            </button>
        </span>
    </div>
    

    $(document).on('click', '.save_entry', function() {
        var new_value = $(this).closest('select').val();
    })
    
    2 回复  |  直到 6 年前
        1
  •  1
  •   Taplar    6 年前

    closest()

    $(this).closest('.input-group').find('.select2custom')
    
        2
  •  0
  •   GameTag    6 年前

    塔普拉的回答很好,你也可以替换你的 delegateTarget document )由 input-group select

    $('.input-group').on('click', '.save_entry', function(e){
       
       console.log( $(e.delegateTarget).find('select').length )
      
    })
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="input-group">
        <select class="form-control select2custom" style="width: 100%">'+data+'</select>
        <span class="input-group-btn">
            <button class="btn btn-primary btn-sm save_entry" type="button" data-id="'+row_id+'">
                <i class="fas fa-check">Click me</i>
            </button>
        </span>
    </div>

    .input-group 标记可以使用。