如何为在javascript中具有值的选择框创建占位符？

目前面临着这个问题。因此，我在Html中有一个

select

框，它从

JS

获取它的

值，而我似乎无法将select框作为一个占位符。我已经尝试了所有其他选项，我们在堆栈溢出中遇到问题的人，有人能帮忙吗？我只需要一个占位符的选择框，它显示在一个文本，而不是一个黑色的选择框在开始


var currentRank=
{铁：{'1'：0，'2'：11，'3'：19}
，青铜：{'1'：28，'2'：42，'3'：56}
，银色：{'1'：69，'2'：85，'3'：102}
，黄金：{'1'：118，'2'：140，'3'：161}
，平台：{'1'：182，'2'：211，'3'：240}
，菱形：{'1'：276，'2'：311，'3'：351}
，imortal:{'1'：406，'2'：499，'3'：591}
} 
，DesiredBank=
{铁：{'1'：0，'2'：11，'3'：19}
，青铜：{'1'：28，'2'：42，'3'：56}
，银色：{'1'：69，'2'：85，'3'：102}
，黄金：{'1'：118，'2'：140，'3'：161}
，平台：{'1'：182，'2'：211，'3'：240}
，菱形：{'1'：276，'2'：311，'3'：351}
，imortal:{'1'：406，'2'：499，'3'：591}
，辐射：{1'：750，'2'：750，'3'：750}
}
;
Array.prototype.unique=函数（）{
常数resArr=[]；
this.forEach（条目=>{
if（resArr.indexOf（entry）=-1）resArr.push（entry）；
})
回报率；
};
document.getElementById（'rank1'）
//还是没有线索
常数
输入字段1=
{rank1:document.getElementById（'rank1'）
，devision1:document.getElementById（'devision1'）
}
，输入字段=
{rank:document.getElementById（'rank'））
，division:document.getElementById（'division'））
}
;
inputField1.rank1.innerHTML=
Object.key（currentRank）
.reduce（（选项，选项）=>
选项+=`${option}`，''；
inputField1.devision1.innerHTML=
对象值（currentRank）
.map（条目=>
对象。键（输入））
.flat（）
.unique（）
.reduce（（选项，选项）=>
选项+=`${option}`，''
在每个选定字段中添加类似的内容

 <label for="rank1">Rank1:</label>
 <select id="rank1" class="calcInput" onchange="getval(this);">
     <option value="">--Select rank--</option>
 </select>

你可以这样做：（？）


var currentRank=
{铁：{'1'：0，'2'：11，'3'：19}
，青铜：{'1'：28，'2'：42，'3'：56}
，银色：{'1'：69，'2'：85，'3'：102}
，黄金：{'1'：118，'2'：140，'3'：161}
，平台：{'1'：182，'2'：211，'3'：240}
，菱形：{'1'：276，'2'：311，'3'：351}
，imortal:{'1'：406，'2'：499，'3'：591}
};
const myForm=document.forms['my-form']
;
函数集选择（xSlct、arr）
{
xSlct.innerHTML=''//清除所有选项
设ph=new选项（xSlct.dataset.placeholder'，true，true）
xSlct.add（ph）
arr.forEach（el=>xSlct.add（新选项（el，el）））
ph.disabled=true
}
setSelect（myForm.rank1，Object.keys（currentRank））
设置选择（myForm.devision1，对象
.值（currentRank）
.map（Object.keys）
.flat（）
.filter（（v，i，t）=>t.indexOf（v）==i））


inputField1.rank1.innerHTML += 
...