[英]How can I limit the number of options that show on my dropdown menu?
I'm trying to limit the number of options that these dropdown menus will show.我试图限制这些下拉菜单将显示的选项数量。 Is there a way to do it?
有没有办法做到这一点?
$.ajax({ url: "https://free-nba.p.rapidapi.com/teams", method: "GET", dataType: "json", headers: { 'X-RapidAPI-Key': "f8bbeecee3mshd11af53a602b7fcp133f59jsn3b4ffb3f20df", 'X-RapidAPI-Host': "free-nba.p.rapidapi.com"} }).then( (response) => { response.data.forEach ((teamObject) => { const teamName = teamObject.full_name; const teamID = teamObject.id; const htmlToAppend = ` <option value="${teamName}">${teamName}</option>` $teamDropDown.append(htmlToAppend); }); }); }
<select name="team" id="teamDropDown"> <option value = " ">Select a team</option> </select>
these dropdown menus show but cant' seem to do it.这些下拉菜单显示但似乎无法做到。
// you can modify the number of elements here
response.data.slice(0, 10).forEach ((teamObject) => {
const teamName = teamObject.full_name;
const teamID = teamObject.id;
const htmlToAppend =
`
<option value="${teamName}">${teamName}</option>`
$teamDropDown.append(htmlToAppend);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.