jquery - changing select_tag to f.select in implementing dependent dropdowns in Rails 4 -



jquery - changing select_tag to f.select in implementing dependent dropdowns in Rails 4 -

i trying create dropdown list subcategories depend on initial category picked. utilized this link. works here

<p><%= f.select :category_id, options_from_collection_for_select(category.parent_categories.all, "id", "title"), :prompt => "select category" %></p> <p><%= select_tag :subcat_id, options_from_collection_for_select([], "id", "title"), "data-option-dependent" => true, "data-option-observed" => "product_category_id", "data-option-url" => "/categories/:category_id:/subcategories.json", "data-option-key-method" => :id, "data-option-value-method" => :title %></p>

here jquery code-

$jquery(document).ready(function () { $('select[data-option-dependent=true]').each(function (i) { var observer_dom_id = $(this).attr('id'); var observed_dom_id = $(this).data('option-observed'); var url_mask = $(this).data('option-url'); var key_method = $(this).data('option-key-method'); var value_method = $(this).data('option-value-method'); var prompt = $(this).has("option[value='']").size() ? $(this).find("option[value='']") : $('<option value=\"\">').text('select subcategory'); var regexp = /:[0-9a-za-z_]+:/g; var observer = $('select#' + observer_dom_id); var observed = $('#' + observed_dom_id); if (!observer.val() && observed.size() > 1) { observer.attr('disabled', true); } observed.on('change', function () { observer.empty().append(prompt); if (observed.val()) { url = url_mask.replace(regexp, observed.val()); $.getjson(url, function (data) { $.each(data, function (i, object) { observer.append($('<option>').attr('value', object[key_method]).text(object[value_method])); observer.attr('disabled', false); }); }); } }); }); });

however cannot upload product category because must have f.select. there no f.select_tag , when utilize f.select dependent dropdown stops working. how rewrite this

<p><%= f.select :subcat_id, options_from_collection_for_select([], "id", "title"), "data-option-dependent" => true, "data-option-observed" => "product_category_id", "data-option-url" => "/categories/:category_id:/subcategories.json", "data-option-key-method" => :id, "data-option-value-method" => :title %> </p>

to create work f.select? additionally first question hope wrote ok.

jquery ruby-on-rails ruby

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -