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

这里我点击add To Cart按钮调用js。目前，我只能获得点击按钮的ID。除此之外，我还想获得当前所选下拉列表的选择值。我正在使用这样的js来获取clcked按钮的id。

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

如何修改上述脚本，以便获取当前所选选项的value以及所选id的{{1}}。

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
});

您可以使用上面的代码段来达到您的要求

使用+来连接字符串和var getId。 .val()用于获取元素值。

Answer 3

$("#addtocart").click(function(){
    var cart = $('.pr_attribute'); //
    $.each(cart, function(index, value){
        console.log($(value).val());
    });
});

从同一个类的多个选择选项中获取所选值

3 个答案: