主页 / 问题 / 694961
Accepted
Fox
Asked:2020-07-21 16:11:28 +0000 UTC2020-07-21 16:11:28 +0000 UTC

在选择中加入和过滤数组

  • 772

告诉我，我有 2 个相互匹配的数据数组（名称和地址）：1.Title，2.URL。Title数组中有空值，我想删除它们，只留下“相关”，第二个数组中有一个URL，也有值，其中一些值对应于Title中为空的，我想收集值 \u200b\u200bin select by Title=text, Value=URL ，我这样写代码，文本（Title）是正常的，但是结果是值（URL）[对象，对象]：

//В массиве arr1 (Title), такие значения:
var arr1 = ['Name1','Name2','Name3','','','','','',''];
//В массиве arr2 (URL), такие значения:
var arr2 = ['URL1','URL2','URL3','URL4','URL5','URL6','URL7','URL8','URL9'];
//Результат [Object, object] в значении
$('#View').append($('<option>', { 
value: arr2,
text : arr1
}));
//Результат в значении нормальный только Title
$('#View1').append($('<option>', { 
value: arr1,
text : arr1
}));
//Результат в значении нормальный только URL
$('#View2').append($('<option>', { 
value: arr2,
text : arr2
}));
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<select id="View"></select>
<select id="View1"></select>
<select id="View2"></select>

jquery

1 个回答

  1. Best Answer

    一件事是你在压入option整个数组，而不是循环遍历它，第二件事是你应该经常检查两个数组中对应的值是否不为空。

    这是一个工作代码示例：

    <!DOCTYPE html>
<html>
    <head>
        
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                
                //В массиве arr1 (Title), такие значения:
                var arr1 = ['Name1','Name2','Name3','','Name5','','','',''];
                //В массиве arr2 (URL), такие значения:
                var arr2 = ['URL1','URL2','URL3','URL4','','URL6','URL7','URL8','URL9'];
                //Результат [Object, object] в значении
                function logArrayElements(element, index, array) {
                    if(arr2[index] != '' && element != ''){
                        $('#View').append($('<option>', { 
                            value: arr2[index],
                            text : element
                        }));
                    }
                }
                arr1.forEach(logArrayElements);
                
                
            });
        </script>
        <select id="View"></select>
    </body>
</html>

    • 1

相关问题