如何在javascript中显示下拉列表

我试图显示一个下拉列表-在下拉列表中，我显示一些处于选定状态的项目，其余的项目应显示在DropdOn中

下面是我需要在选定状态下显示的代码和数组

var arr1=[
{id:2，名称：“name2”}，
{id:3，名称：“name3”}，
{id:4，名称：“name4”}，
{id:5，名称：“name5”}
];
var arr2=[
{id:2，名称：“name2”}，
{id:3，名称：“name3”}，
];
$（'#下拉列表'）.html（''）；
让html=''；
for（设x=0；x
问题是您在
arr2
的for循环中添加了选项

var arr1 = [ 
        {id: 2, name: "name2"},
        {id: 3, name: "name3"},
        {id: 4, name: "name4"},
        {id: 5, name: "name5"}
    ];

var arr2 = [
        {id: 2, name: "name2" },
        {id: 3, name: "name3" },
    ];


$('#DropDown').html('');
        let html = '<select id="selected"  name="selected[]"  multiple>';
        for (let x = 0; x < arr1.length; x++) {
            let selected = "";
            let arr1Id = arr1[x].id;
            let arr1Name = arr1[x].name;
            for (let j = 0; j < arr2.length; j++) {
               if (arr2[j].id === arr1[x].id) {
               selected = "selected";
             }
        }
        html = html + ' <option  value="' + arr1Id + '"' + selected + '>' +arr1Name + 
       '</option>';
    }
html = html + '</select>';
$('#DropDown').append(html);

var arr1=[
{id:2，名称：“name2”}，
{id:3，名称：“name3”}，
{id:4，名称：“name4”}，
{id:5，名称：“name5”}
];
var arr2=[
{id:2，名称：“name2”}，
{id:3，名称：“name3”}，
];
$（'#下拉列表'）.html（''）；
让html=''；
for（设x=0；x
你必须实现什么？？它的工作原理我已经用隐含的HTML将您的代码转换为一个片段。请更新以显示问题，并请包括预期结果，因为它似乎正在工作，尽管多次添加所有项目。在下拉列表中，项目会重复显示。这就是我在输出中遇到的问题，我希望在下拉列表中显示所有arr1项目，并在选定状态下显示arr2元素