在javascript中的自定义选择中设置选项
html、css和js部分在这个链接中 问题是： 这是一个电子桌面应用程序 我想从数据库中检索一些数据并显示在窗口中 我不知道如何设置自定义选择而不在gui中单击 我需要从JavaScript本身设置选项在javascript中的自定义选择中设置选项,javascript,html,electron,Javascript,Html,Electron,html、css和js部分在这个链接中 问题是： 这是一个电子桌面应用程序 我想从数据库中检索一些数据并显示在窗口中 我不知道如何设置自定义选择而不在gui中单击 我需要从JavaScript本身设置选项 感谢您的帮助。谢谢您需要以编程方式将选项添加到现有选择器中。考虑以下事项： 假设您的电子应用程序模板中有上述内容。从数据库接收数据后，动态创建每个选项并附加到此选择器： 常量数据=[{name:'Option1'，value:'value1'}，{name:'Option2'，value:'v
感谢您的帮助。谢谢您需要以编程方式将选项添加到现有选择器中。考虑以下事项： 假设您的电子应用程序模板中有上述内容。从数据库接收数据后，动态创建每个选项并附加到此选择器： 常量数据=[{name:'Option1'，value:'value1'}，{name:'Option2'，value:'value2'}]；//假设数据是一个对象数组 const sel=document.getElementById'mySelector'； data.forEachopt=>{ const option=document.createElement'option'； option.setAttribute'value'，opt.value； option.innerHTML=opt.name； sel.appendChildopt； }; 生成的输出应如下所示： 选择1 选择2 希望这能帮助您理解如何使用JavaScript动态地向页面添加内容 编辑 要选择选项，只需将选定属性添加到选项： option.setAttribute'selected'，true； 编辑2 在简要查看代码（特别是js/expense.js）之后，我可以看到您实际上正在创建一个div元素，并试图模拟option元素的特性。在这种情况下，设置选定属性将不起作用。由于您是自己创建此div的，因此有许多方法可以将任何选项div标记为选中。例如，您可以在每个选项div上侦听单击事件，然后指定一个数据属性将其标记为选中。根据您的代码： a、 addEventListener'click'，e=>e.currentTarget.setAttribute'data-selected'，true'； 上面的代码段假设a是使用document.createElement'div'创建的div元素。该代码段添加了一个单击处理程序，单击时只需在选项上添加一个数据属性。现在，您应该添加其他检查，以确保从其他选项中删除“数据选定”属性，以防用户稍后更改该选项 最后，要查找选定的选项，可以尝试以下操作： const selected=document.querySelectordiv[data selected='true']；
注意：所选数据的值是字符串，而不是布尔值。因此，您可以添加任何计算结果为true的值以指示选择。根据我的理解，您需要执行选择操作，因此我在if selected语句中添加了所需的操作
if (elmnt == y[i]) {
arrNo.push(i)
document.getElementById("result").innerHTML = "You selected: " + y[i].innerHTML;
} else {
y[i].classList.remove("select-arrow-active");
}