我目前正在查询数据（通过一个API调用）到一个选择列表中，并创建了一个下拉列表。它呈现数据，但是，我想要一个默认值“--Make a Selection--"。我尝试添加一个选项标签，但被post查询覆盖。任何想法/解决方案，我解决我的问题？
<body onload="getPatients()">
<div id="message"></div>
<p class="title">Select a patient</p>
<select name="patients" id="patientList" required>
<option selected>--Make a Selection--</option>
</select>我尝试在select中添加一个选项标签，使其成为默认选项，但正如我前面所说的，下拉式post查询覆盖了选项标签。
任何帮助将不胜感激。谢谢你。
下面是getPatients调用。
async function getPatients() {
console.log("all good");
var patientEl = document.getElementById("patientList");
console.log("still good");
//first fetch all of the patients from the patients table.
let patientReq = await fetch("https://api.quickbase.com/v1/records/query",
{
method: 'POST',
headers: headers,
body: jbody
}).catch(err =>{console.log(err)});
let jsonpatients = await patientReq.json();
//console.log(patients);
//Ok now we have all the patients from the application.
//now take your json response and put it into your render function
renderPatients(jsonpatients);
}
1条答案
按热度按时间zzwlnbp81#
在
renderpatients(jsonpatients)上方添加以下行：这会将此元素添加到数组的开头，因此它首先显示在下拉列表中，我假设您希望用于UX。您也可以删除选项标记，因为它不需要。