0

我现在已经为此奋斗了几个星期，但无法让它发挥作用。在我的数据库中，我为类别子类别和关键字继承了单个表。它们通过 parent_id 处于树结构中。

所选脚本似乎适用于每个单独的列表。但我无法弄清楚如何动态处理父子之间的关系，因此在子类别列表中将提供仅属于我预先选择的类别（一个或几个）的可用选项。

这是我的脚本中的内容。

jQuery(function($){
$(".chosen-input").chosen().trigger("liszt:updated");
$(".schosen-input").chosen().change(function(){
  var subcategories = $("companies_categories").children('select:visible').val();
  });
$(".kchosen-input").chosen().change(function(){
  var keywords = $("companies_subcategories").children('select:visible').val();
  });
});

我的表格看起来不错。

这是我的表格

选择的脚本有效。

在此处输入图像描述

过滤向我显示子类别的整个列表。但我只需要以前预选类别的孩子。

在此处输入图像描述

与关键字相同。

在此处输入图像描述

HTML

 <fieldset class="inputs"><legend><span>Categories</span></legend><ol>
 <li class="select input optional" id="company_categories_input">
<input name="company[category_ids][]" type="hidden" value="" />
<label class=" label" for="company_category_ids">Categories</label>
<input name="company[category_ids][]" type="hidden" value="" />
<select class="chosen-input" id="company_category_ids" multiple="multiple" 
name="company[category_ids][]"  style="width: 700px;">


<option value="50">Apparel &amp; Luggage</option>
<option value="126">Automotive, RV, Cycling &amp; Other Transportation</option>
<option value="180">Baby, Toddler &amp; Children</option>
<option value="208">Beauty &amp; Personal Care</option>
<option value="288">Chemicals</option>
<option value="331">Arts, Crafts, Hobbies &amp; Fabrics</option>
<option value="392">Electronics &amp; Computers</option>
30 More records
 <option value="461">Fitness &amp; Sports</option></select></li>

<li class="select input optional" id="company_subcategories_input">
<input name="company[subcategory_ids][]" type="hidden" value="" />
<label class=" label" for="company_subcategory_ids">Subcategories</label>
<input name="company[subcategory_ids][]" type="hidden" value="" />
<select class="schosen-input" id="company_subcategory_ids" multiple="multiple"
name="company[subcategory_ids][]" style="width: 700px;">

<option value="13">Small Kitchen Appliances</option>
<option value="24">Laundry &amp; Garment Care</option>
<option value="28">Home Appliances</option>
<option value="36">Commercial Grade Appliances</option>
<option value="46">Appliance Cleaners</option>
Few more hundreds records
<option value="1811">Management of Bank Holding Companies &amp; 
Corporate Offices</option></select></li>

<li class="select input optional" id="company_keywords_input">
<input name="company[keyword_ids][]" type="hidden" value="" />
<label class=" label" for="company_keyword_ids">Keywords</label>
<input name="company[keyword_ids][]" type="hidden" value="" />
<select class="schosen-input" id="company_keyword_ids" multiple="multiple"
name="company[keyword_ids][]" style="width: 700px;">

<option value="5">Ranges - Range Hoods</option>
<option value="6">Ovens - Warming Drawers</option>
<option value="7">Stoves - Cooktops</option>
<option value="8">Dishwashers</option>
<option value="9">Disposers - Trash Compactors</option>
Over 1000 more records
<option value="1179">Soil Amendment - Soil Preperation - Composting - 
Garden Care - Nursery Products</option></select>
</li></ol></fieldset>

好像我错过了很多。但不知道从哪里开始。

4

0 回答 0