如何限制显示在下拉菜单上的选项数量

Question

我试图限制这些下拉菜单将显示的选项数量。有办法做到吗？

$.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>

这些下拉菜单显示了，但似乎做不到。

Answer 1

// 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);
});