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

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> 

现在我想实现change事件，其中data-price属性值应该自动填充到Price文本框中。请帮我

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

}); 

请确保您有jQuery库在你的PHP文件链接：

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