Question

<div class="bfh-selectbox" data-name="item_id" data-value="0" data-filter="true">
                <div data-value="0" data-price="0" >None</div>
            <?php foreach($items->result() as $item){ ?>
                <div data-value="<?php echo $item->item_id; ?>" data-price="<?php echo $item->price; ?>" ><?php echo $item->company; ?> <?php echo $item->item_name; ?> <?php echo $item->caption; ?> <?php echo $item->size; ?></div>
            <?php } ?>
        </div>

现在我想实现更改事件，其中数据价格属性值应在价格文本框中自动填充。请帮帮我

<input type="number" class="form-control" required id="price" name="price" value="1" min="1" placeholder="Price" >

Answer 1

试试这个......

$(document).ready(function(){
        $('.bfh-selectbox').on('change.bfhselectbox', function () {
            var dataPrice = $(this).val();
       $('input#price').append(dataPrice);
   });

});

确保在php文件中链接了jQuery库：

<!-- jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何在Bootstrap Form Helper Select中实现change.bfhselectbox事件？

1 个答案: