jQuery Mobile - Spinbox - 多个依赖的 Spinbox

jQueryMobile - Spinbox - Multiple dependant Spinboxes

在 jquery 移动应用程序中,我必须使用三个相关的旋转框,如下图所示

目前正在使用这个插件

http://dev.jtsage.com/jQM-Spinbox/

成人/儿童/婴儿的最大值为 9

此外,婴儿数量不应大于成人值。我创建了一个验证函数,它将调用单击按钮向上/向下。但是所做的更改不会影响其他旋转框

下面的代码我已将 "max" 属性设置为婴儿,但它不起作用

    <div class="ui-field-contain">
        <label for="adult">ADULT</label>
        <input type="text" data-mini="true" data-role="spinbox" name="spin4" id="adult" data-options='{"type":"vertical"}' value="1" min="0" max="9" />

        <label for="child">CHILD</label>
        <input type="text" data-mini="true" data-role="spinbox" name="child" id="child" data-options='{"type":"vertical"}' value="0" min="0" max="9" />

        <label for="infant">Infant</label>
        <input type="text" data-mini="true" data-role="spinbox" name="infant" id="infant" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
    </div>


// id is the id of spinbox .ie adult, i=child, infant

setValidations:function(id){
        console.log("selected id="+id);
        console.log("selected id value ="+$("#"+id).val());
        $("#infant").attr("max",$("#adult").val())
        $("#infant").enhanceWithin();   
    }

如有任何帮助,我们将不胜感激。

setValidations:function(id){

            $("#infant").attr("max",$("#adult").val())
            $("#infant").spinbox({"dmax":$("#adult").val()});
            $("#child").spinbox({"dmax":9-$("#adult").val()});
            if(id == 'adult')   {
                $("#child").val(0);
                $("#infant").val(0);                                                                                           
            }
        }