Question

我有使用jQuery和Semantic-ui编写的代码。

首先，我在HTML中有一个下拉选择器id =“ rebar-code-dropdown”。然后，一旦下拉选择器选择了代码，则将if-else函数上每个钢筋代码数据的数组推入或追加，或者在？处建议什么？请参阅下面的代码获取阵列文件。

        jQuery('#rebar-code-dropdown').dropdown({
        'onChange': function (val) {
            //get the code value
            var rebar_id = jQuery("#rebar-code-dropdown").dropdown('get value');

            var rebar_value;
            var rebar_labels;

            if (rebar_id == "ASTM619") {
                rebar_value = [0.375, 0.500, 0.625];
                rebar_labels = ["#4", '#5', "#6"];
            } else if (rebar_id == "N") {
                rebar_value = [12,16,20];
                rebar_labels = ['N12','N16','N20'];
            } else if (rebar_id == "PNS49") {
                rebar_value = [12,16,20];
                rebar_labels = ['12','16','20'];
            }

        },
    });

这是我在下拉列表中的html文件，它包含3个选择：（1）ASTM619，（2）N和（3）PNS49。该选择将在上面的代码上运行。

            <div class="ui selection fluid dropdown" id="rebar-code-dropdown">
            <input type="hidden">
            <i class="dropdown icon"></i>
            <div class="default text">Rebar code</div>
            <div class="menu">
                <div class="item" data-value="ASTM619">ASTM619</div>
                <div class="item" data-value="N">N</div>
                <div class="item" data-value="PNS49">PNS49</div>
            </div>
        </div>

基于rebar_value和rebar_labels成为下拉菜单的目标文件输入文件。例如，如果下拉列表选择了ASTM619，我希望我的输入id =“ bot-reinforcement-size-x-direction-dropdown”输入框将下拉＃4，＃5，＃6 ...，如果我选择选择N ，则下拉菜单将为N12，N16，N20 ...

            <div class="ui selection fluid dropdown" id="bot-reinforcement-size-x-direction-dropdown">
                    <input type="hidden">
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <div class="item" data-value=""></div>
                    </div>
            </div>

希望您能对此有所帮助。非常感谢。

jQuery语义用户界面下拉列表

0 个答案: