Javascript jQuery标准下拉菜单仅在页面加载、点击刷新时进行样式化，这是一个丑陋的普通样式

尝试实现我在这里的表单上的“下拉”效果，单击“添加里程数并打开它”

这似乎只发生在第一次加载时，如果您刷新或随时返回页面，这该死的东西就会变成一个丑陋的普通非jquery下拉列表。我假设这是因为我使用javascript来填充我的选择（下拉列表）。任何帮助都将不胜感激`

.js

//使用选项创建select元素。
函数makeRunRecord（）{
var formTag=document.getElementsByTagName（'form'），
selectList=ge（'select'），
makeSelect=document.createElement（'select'）；
setAttribute（“id”、“样式”）；
setAttribute（“名称”、“样式”）；
setAttribute（“类”，“必需选择”）；
setAttribute（“数据本机菜单”、“false”）；
var makePlace=document.createElement（'option'）；
setAttribute（“数据占位符”、“true”）；
setAttribute（“值”，“值”）；
makeSelect.appendChild（makePlace）；
对于（var i=0，j=runningStyles.length；i请在加载页面后尝试运行该函数：

window.onload = function() {
    makeRunRecord();
}

仍然不走运。：（我是否应该尝试将其添加到HTML的顶部，可能是在标题中？因此它会首先加载内容。您可能不是最好的时间，请尝试
document.onready
。我修复了它，我相信，我删除了window.addEventListener（“DOMContentLoaded”，函数（）{这是围绕我的整个代码编写的，并且还将其添加到了顶部…$（“#additem”）。在（“pagecreate”，function（）{makeRunRecord（）；}）；不确定它是否会导致问题，但它现在可以工作了！但是如果有人知道为什么要修复它，请解释一下！包装在
window.onload=function（）{…}
，语句在文档中的位置应该无关紧要。您确定函数在任何情况下都能正常运行吗？我没有使用window.onload函数，我使用了$（“#additem”）。在（“pagecreate”，function（）{makeRunRecord（）；}）；
                   <li><div id="select"><label for="rStyle">Choose Run Style*</label></div>

window.onload = function() {
    makeRunRecord();
}