多选一个optgroup并显示相应的计数字段？

我正在使用jquery + bootstrap + bootstrapselect来开发一个表单。但现在我卡住了。我想显示一个计数字段foreach选择。例如，如果选择芥末，津津有味和蒸，我想显示3个计数inputfields与相应的名称，并将组合存储在MySQL中。多选一个optgroup并显示相应的计数字段？

我正在尝试jQuery的相互依赖关系，但没有得到它的工作。

这里的OPTGROUP

<select id="food" name="food[]" class="selectpicker" multiple> 
    <optgroup label="Condiments"> 
     <option>Mustard</option> 
     <option>Ketchup</option> 
     <option>Relish</option> 
    </optgroup> 
    <optgroup label="Breads"> 
     <option>Plain</option> 
     <option>Steamed</option> 
     <option>Toasted</option> 
    </optgroup> 
    </select>

和jQuery的interdepencies部分（这仅适用于一个选择）

$(document).ready(function() { 
      // Start creating a new ruleset 
      var ruleset = $.deps.createRuleset(); 

      // Show 
      var foodRuleMustard = ruleset.createRule("#food", "==", "mustard"); 
      foodRuleMustard.include("#num_of_mustard"); 
      var foodRuleKetchup = ruleset.createRule("#food", "==", "ketchup"); 
      foodRuleKetchup.include("#num_of_ketchup"); 
      var foodRuleRelish = ruleset.createRule("#food", "==", "relish"); 
      foodRuleRelish.include("#num_of_relish"); 
      //etc 

      // Make the ruleset effective on the whole page 
      ruleset.install({log: true}); 
     });

试图使的jsfiddle但没有工作，要么：http://jsfiddle.net/9p062q9m/

来源

2014-09-25 alex

我将尝试这种方法，但我不能把它隐藏 $（文件）。就绪（函数（）{ '$（“＃食品“）.change（function（）{（this）.find（”option：selected“）。each（function（）{（'＃num_of _'+ $（this）.attr（”value“））。显示（）; console.log（“选择：”+ $（this）.attr（“value”））; }）; }）;' – alex 2014-09-25 12:55:09

好吧，我已经沟jQuery的interdepencies，只是添加一个class =“颜色”的num_of输入字段和之前，每个环隐藏类=“颜色”输入字段

`  $(document).ready(function() { 

        $("#food").change(function() { 
         $('.foods').hide(); 
         $("#food option:selected").each(function(){ 
          var str = $(this).attr("value"); 
          $('#num_of_'+str).show(); 
        }); 
        }); 

      });`

来源

2014-09-25 13:49:00 alex

多选一个optgroup并显示相应的计数字段？

回答

相关问题