文章/答案/技术大牛

发布

社区首页 >问答首页 >从同一类的多选选项中获取选定值

问从同一类的多选选项中获取选定值
EN

Stack Overflow用户

提问于 2016-03-14 22:34:31

回答 3查看 1.1K关注 0票数 0

我已经设置了我正在使用循环从数据库中获取的数据，这是我的视图。

 @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来获取点击按钮的id。

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

我如何修改上面的脚本以获得当前所选选项的value以及所选button的id。

jquery

laravel

回答 3

Stack Overflow用户

发布于 2016-03-14 22:37:09

<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>

票数 0

Stack Overflow用户

发布于 2016-03-14 22:40:34

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

您可以使用上面的代码片段来满足您的需求

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

票数 0

Stack Overflow用户

发布于 2018-06-08 15:14:51

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35990403

复制

相似问题

问从同一类的多选选项中获取选定值
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从同一类的多选选项中获取选定值EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从同一类的多选选项中获取选定值
EN