Question

<div id="installation-table">
 <div class="row bg-info installation-product-item-row form-group m-t-5" data-install="0"><div>
 <div class="row bg-info installation-product-item-row form-group m-t-5" data-install="1"><div>
 <div class="row bg-info installation-product-item-row form-group m-t-5" data-install="2"><div>
</div>

在每个div中，我有输入字段和选择选择器，

如果在输入字段中更改某个值，我需要选择其内部精确div的选择选择器值，

但每次selectpicker值都在第一个div中取选择选择器值（data-install =＆＃34; 0＆＃34;）

 $(document).on('change', '.installation-product-qty', function (e)
            {
                e.preventDefault();
                var index = $(this).parentsUntil('.installation-product-item-row').parent().data('install');
                var room = $(this).parentsUntil('.room-table').parent().data('room');
                installation[index].qty = Math.ceil($(this).val());
                var conversion_rate = $(this).parentsUntil('.installation-product-item-row').find('.installation-product-item-measurement option:selected').data('conversion_rate') // always taking first value 
            });

了解更多详情

[！[在此处输入图像说明] [1]] [1]

<div id="new-installation-product" class="hidden">
    <div class="row bg-info installation-product-item-row form-group m-t-5">
        <div class="col-sm-2 col-lg-2"><label class="installation-product-name"></label></div>
        <div class="col-sm-4 col-lg-4">
            <div class="row m-t-5">

                <div class="col-sm-6 col-lg-6">
                    <input type="text" class="form-control installation-product-item-area">
                </div>
                <div class="col-sm-6 col-lg-6">
                    <select class="form-control simple installation-product-item-measurement " data-live-search="true">
                        <?php foreach ($measurements as $measurement): ?>
                                <option value="<?= $measurement->getId() ?>"><?= $measurement->getName() ?></option>
                            <?php endforeach; ?>
                    </select>
                </div>
                <!--                <div class="col-sm-4 text-right col-lg-4">
                                    <span class="installation-product-box-qty"></span>
                                </div>                -->
            </div>            
        </div>
        <div class="col-sm-2 col-lg-2 text-right">
            <!--            <label class="installation-product-qty"></label>-->


            <input type="text" class="form-control installation-product-qty installation-product-qty-change">
        </div> 
        <div class="col-sm-2 col-lg-2">
            <div class="row form-group">
                <div class="col-sm-6">
                    <input type="text" class="form-control installation-product-price">
                </div>
                <div class="col-sm-6">
                    <select class="form-control installation-qty-closed-stock-unit-label  m-0 simple" disabled="disabled"></select>
                </div>
            </div>
        </div>
        <div class="col-sm-1 col-lg-1 installation-item-tax m-t-5">
            <select class="installation-product-tax form-control simple" data-live-search="true">
                <option value="">Select</option>
            </select> 
        </div>
        <div class="col-sm-1 col-lg-1  text-right"><label class="installation-product-amount"></label></div>
    </div>
</div>

Answer 1

temp

$(document).on('change', '.installation-product-qty', function(e) {
  e.preventDefault();
  alert($(this).parent().find(".installation-product-item-measurement  option:selected").text());
});

如何在父母中选择最近的select元素div直到

1 个答案: