Question

使用JQuery填充数据时，我有一个问题。我有10个模态，曾经有infor的模态是有infor的客户：用数组$ status = [8 =>“ return”，16 =>“ cancel”，17 =>“ processing”]选择1并选择3 div作为第二个在“选择父母”中使用3键选择3个孩子地图。所以，

如何选择无数据的父母，然后隐藏3格选择孩子，
当分别使用“选择子项”在“选择子项填充映射”中单击“进入1”选项并隐藏“选择子项”时（例如：选择1：-status == 8，填充并显示div具有Select 2的下拉列表1； status == 16 ，填充并显示选择2的下拉列表2，状态== 17，填充并显示选择2的下拉列表3，
列出项目并隐藏不相关的选择。启动模式时，如果“选择1”具有数据，状态== 8，则“选择2”的仅列表1将显示与另一状态相同的数据（div 2、3将隐藏）。非常感谢您的帮助！

Answer 1

Certainly: Here code page view:
    <div class="form-group">
        <label>Status</label>
        <div class="col-md-3">
            <select class="form-control" id="status_pgd" name="status_pgd">
                <option value="8">Return</option>
                <option value="16">Cancel</option>
                <option value="17">Processing</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label>Reason</label>
        <div class="show_reason_return">
            <select class="form-control" name="reason_return">
                <option value="1">Return A</option>
                <option value="2">Return B</option>
            </select>
        </div>
        <div class="show_reason_cancel">
            <select class="form-control" name="reason_cancel">
                <option value="1">Cancel A</option>
                <option value="2">Cancel B</option>
            </select>
        </div>
        <div class="show_reason_process">
            <select class="form-control" name="reason_process">
                <option value="1">Processing A</option>
                <option value="2">Processing B</option>
            </select>
        </div>
    </div>

Answer 2

and here is code Jquery:`enter code here`
$(document).ready(function () {
            $('#status_pgd').change(function () {
                let status_pgd = $(this).val();
                if (status_pgd == 8) {
                    $(".show_reason_return").show();
                    $(".show_reason_cancel").hide();
                    $(".show_reason_process").hide();
                } else if (status_pgd == 16) {
                    $(".show_reason_cancel").show();
                    $(".show_reason_return").hide();
                    $(".show_reason_process").hide();
                } else if (status_pgd == 17) {
                    $(".show_reason_process").show();
                    $(".show_reason_cancel").hide();
                    $(".show_reason_return").hide();
                } else {
                    $(".show_reason_process").hide();
                    $(".show_reason_return").hide();
                    $(".show_reason_cancel").hide();
                }
            });
        });
        $(document).ready(function () {
            let status_pgd1 = $('#status_pgd').val();
            if (status_pgd1 == 8) {
                $(".show_reason_return").show();
                $(".show_reason_cancel").hide();
                $(".show_reason_process").hide();
            } else if (status_pgd1 == 16) {
                $(".show_reason_cancel").show();
                $(".show_reason_return").hide();
                $(".show_reason_process").hide();
            } else if (status_pgd1 == 17) {
                $(".show_reason_process").show();
                $(".show_reason_cancel").hide();
                $(".show_reason_return").hide();
            } else {
                $(".show_reason_process").hide();
                $(".show_reason_return").hide();
                $(".show_reason_cancel").hide();
            }
        });

jQuery-使用下拉列表填充数组内容填充下拉框

2 个答案: