Question

I have This in The Form

    <%= simpleform_for @customer_bill do |f| %>
    <%= f.label :product_id %>
    <%= f.collection_select :product_id,Product.all,:id,:title, :prompt => "Select a Product", :style => 'width:150px;' %>

     <%= f.label :price %> 
    <%= f.text_field :price, :size=>20, :id =>"price", :class =>"price" %>
    <br/>
/*rest of code*/

In The Products Table I Have ‘Product title’ and ‘price’. And i have the necessary association made between customer bill and Products model.

Once the Product is selected Price should automatically come. WHich is the best way to do it?? Ajax/ Jquery How can i Proceed with the Problem???? Any Guidance would be helpful.

Answer 1

You can use data-xxx attribute of your select-tag to store prices and let javascript to handle it:

JavaScript:

    $(function() {
        $('#products').change(function() {
            var product_id = $(this).val()
            var price = eval($(this).data('prices'))[product_id]
            $("#price").html(price)
        })
    })

Template (it’s Haml, but I guess you’ll get the idea even if you’re ERb-guy):

= simple_form_for ........ do |f|
    - prices = Hash[Product.all.map{|p| [p.id, p.price]}].to_json
    = f.association :product, input_html: {data:{prices: prices}, id: 'products'}
    = f.label :price, id: 'price'

Note the using of f.association instead f.collection_select. I think in your case it’s simpler to use.