從同一類的多重選擇選項中獲取選定的值

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()用於獲取元素值。