从同一类的多重选择选项中获取选定的值

Question

我使用循环从数据库中获取数据集，这里是我的视图。

@foreach($offer as $off) 
       <div class="container"> 
        <h2 class="section-title no-margin-top">{{$off->name}}</h2> 
        <div class="row"> 
         <div class="col-md-4"> 

          <ul class="bxslider"> 
           <li><img src="{{asset('uploads/offers/'.$off->image)}}" style="padding-left:17%;"></li> 
           <li style="display:none"><img src="{{asset('uploads/offers/46659.jpg')}}"></li> 
          </ul> 

         </div> 
         <div class="col-md-5"> 
          <h3 class="no-margin-top">Description</h3> 
          <p style="text-align:justify;">{{$off->description}}</p> 
         </div> 

         <div class="col-md-3"> 
          <div class="e-price">$ <span>{{$off->offerPrice->amount}}</span>.00</div> 
          <div class="row quantity-wrapper form-group"> 
           <label class="col-md-3" style="padding-top:7px;">Quantity</label> 
           <div class="col-md-9"> 
            <select class="form-control quantity" name="quantity" id="quantity{{$off->id}}"> 
             <option value="1">1</option> 
             <option value="2">2</option> 
             <option value="3">3</option> 
             <option value="4">4</option> 
             <option value="5">5</option> 
             <option value="6">6</option> 
             <option value="7">7</option> 
             <option value="8">8</option> 
             <option value="9">9</option> 
             <option value="10">10</option> 
            </select> 
           </div> 
          </div> 
          <a href="#" class="btn btn-ar btn-block btn-success addtocart" id="{{$off->id}}"><i class="fa fa-shopping-cart"></i> Add to Cart</a> 
         </div> 
        </div> 
       </div> 
     @endforeach 

这里我打电话给js点击add To Cart按钮。目前，我只能获取点击按钮的ID。除此之外，我还希望获得当前所选下拉列表的选择值。我正在使用js这样获取被按下的按钮的id。

<script type="text/javascript"> 
    $('.addtocart').off('click').on('click', function(){ 
     var offerId = $(this).prop('id'); 
    }); 
</script> 

我怎么能为了得到当前选定的选项的value与所选button的id一起修改上面的脚本。

Answer 1

<script type="text/javascript"> 
    $('.addtocart').off('click').on('click', function(){ 
     var offerId = $(this).prop('id'); 
     var selectedData = $('select[name="quantity"]').val(); 
     var selectedData = $('#quantity'+offerId).val(); //Optional 
    }); 
</script> 

Answer 2

$(".addtocart").click(function() { 
    var getId = $(this).attr("id"); // gets id 
    var selectedQty = $("#quantity"+getId).val(); //holds selection of quantity val 
}); 

你可以用上面的代码来实现您的要求

使用+到Concat的字符串和VAR getId。 .val()用于获取元素值。