Jquery 防止在多个下拉列表中出现空值_Jquery_Select

Jquery 防止在多个下拉列表中出现空值

jquery select

Jquery 防止在多个下拉列表中出现空值,jquery,select,Jquery,Select,我有3个选择框，可以复制为一组，多行。这些不应该是空的我尝试了几种循环的解决方案，但无法使检查正常工作在表单提交中，我有一个方法checkvalues（），我通过单击事件调用该方法来触发查询检查方法 html是这样的 <section class="demo-wrap" id="animate-clone" data-original-title="" title=""> <div class="toclone" data-original-title=

我有3个选择框，可以复制为一组，多行。这些不应该是空的

我尝试了几种循环的解决方案，但无法使检查正常工作

在表单提交中，我有一个方法checkvalues（），我通过单击事件调用该方法来触发查询检查方法

html是这样的

<section class="demo-wrap" id="animate-clone" data-original-title="" title="">

        <div class="toclone" data-original-title="" title="" style="display: block;">

            <!-- set row value with hidden field-->
            <input type="hidden" value="1" name="row[]" data-original-title="" title="">
            <!-- end row value -->

            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="target[]" id="target[]" data-original-title="" title="">
                                            <option value="5" data-original-title="" title="">5: target #1</option>
                                            <option value="6" data-original-title="" title="">6: target #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="risk[]" id="risk[]" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: risk #1</option>
                                            <option value="10" data-original-title="" title="">10: risk #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start control -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important;" name="control[]" id="control[]" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: control #1</option>
                                            <option value="10" data-original-title="" title="">10: control #2</option>
                                    </select>
            </div>
            <!-- end control -->

            <!-- START ACTIONS -->
            <div style="float: right; position: absolute; margin-left: -50px; margin-top: 10px" data-original-title="" title="">
                <a class="clone button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-add.gif" data-original-title="" title="">
                </a>
                <a class="delete button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-delete.gif" data-original-title="" title="">
                </a>
            </div>
            <!-- END ACTIONS -->

        </div><div class="toclone" data-original-title="" title="" style="">

            <!-- set row value with hidden field-->
            <input type="hidden" value="" name="row[]" data-original-title="" title="">
            <!-- end row value -->

            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="target[]" id="target[]1" data-original-title="" title="">
                                            <option value="5" data-original-title="" title="">5: target #1</option>
                                            <option value="6" data-original-title="" title="">6: target #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="risk[]" id="risk[]1" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: risk #1</option>
                                            <option value="10" data-original-title="" title="">10: risk #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start control -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important;" name="control[]" id="control[]1" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: control #1</option>
                                            <option value="10" data-original-title="" title="">10: control #2</option>
                                    </select>
            </div>
            <!-- end control -->

            <!-- START ACTIONS -->
            <div style="float: right; position: absolute; margin-left: -50px; margin-top: 10px" data-original-title="" title="">
                <a class="clone button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-add.gif" data-original-title="" title="">
                </a>
                <a class="delete button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-delete.gif" data-original-title="" title="">
                </a>
            </div>
            <!-- END ACTIONS -->

        </div>
</section>

    if ($("#target\\[\\]").val() === "") {
        alert('empty');
    }


5：目标#1
6：目标#2
9：风险#1
10：风险#2
9：控制#1
10：控制#2
5：目标#1
6：目标#2
9：风险#1
10：风险#2
9：控制#1
10：控制#2

Jquery方法

<script type="application/javascript">

    function checkValues(){

        if ($("#target[]").val() === "") {
            alert('empty');
        }

    }

</script>


函数checkValues（）{
if（$（“#目标[]”）val（）=“”）{
警报（“空”）；
}
}

关于这个问题，有人能帮我找到正确的方向吗？

试试这样的方法

<section class="demo-wrap" id="animate-clone" data-original-title="" title="">

        <div class="toclone" data-original-title="" title="" style="display: block;">

            <!-- set row value with hidden field-->
            <input type="hidden" value="1" name="row[]" data-original-title="" title="">
            <!-- end row value -->

            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="target[]" id="target[]" data-original-title="" title="">
                                            <option value="5" data-original-title="" title="">5: target #1</option>
                                            <option value="6" data-original-title="" title="">6: target #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="risk[]" id="risk[]" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: risk #1</option>
                                            <option value="10" data-original-title="" title="">10: risk #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start control -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important;" name="control[]" id="control[]" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: control #1</option>
                                            <option value="10" data-original-title="" title="">10: control #2</option>
                                    </select>
            </div>
            <!-- end control -->

            <!-- START ACTIONS -->
            <div style="float: right; position: absolute; margin-left: -50px; margin-top: 10px" data-original-title="" title="">
                <a class="clone button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-add.gif" data-original-title="" title="">
                </a>
                <a class="delete button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-delete.gif" data-original-title="" title="">
                </a>
            </div>
            <!-- END ACTIONS -->

        </div><div class="toclone" data-original-title="" title="" style="">

            <!-- set row value with hidden field-->
            <input type="hidden" value="" name="row[]" data-original-title="" title="">
            <!-- end row value -->

            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="target[]" id="target[]1" data-original-title="" title="">
                                            <option value="5" data-original-title="" title="">5: target #1</option>
                                            <option value="6" data-original-title="" title="">6: target #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start risk -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important" name="risk[]" id="risk[]1" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: risk #1</option>
                                            <option value="10" data-original-title="" title="">10: risk #2</option>
                                    </select>
            </div>
            <!-- end risk -->
            <!-- start control -->
            <div class="col-md-4 import_tables" data-original-title="" title="">
                <select style="width: 100% !important;" name="control[]" id="control[]1" data-original-title="" title="">
                                            <option value="9" data-original-title="" title="">9: control #1</option>
                                            <option value="10" data-original-title="" title="">10: control #2</option>
                                    </select>
            </div>
            <!-- end control -->

            <!-- START ACTIONS -->
            <div style="float: right; position: absolute; margin-left: -50px; margin-top: 10px" data-original-title="" title="">
                <a class="clone button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-add.gif" data-original-title="" title="">
                </a>
                <a class="delete button button-icon floatright" href="#" data-original-title="" title="">
                    <img src="/assets/icons/icon-delete.gif" data-original-title="" title="">
                </a>
            </div>
            <!-- END ACTIONS -->

        </div>
</section>

    if ($("#target\\[\\]").val() === "") {
        alert('empty');
    }

你需要避开方括号

现在，请记住，如果您有多个元素，请使用

class

而不是

id

var empty_target = false;
$('.target').each(function(){
    if(this.value === ""){
        empty_target = true;
    }
});

id(empty_target){
    alert('empty');
}

为它创建一个应用程序。