,可以通过以下步骤实现:
<select id="myDropdown" name="myDropdown"></select>
<script>
$(document).ready(function () {
$.ajax({
url: '/Controller/Action', // 替换为你的控制器和动作方法的URL
type: 'GET',
success: function (data) {
var dropdown = $('#myDropdown');
dropdown.empty();
$.each(data, function (index, item) {
dropdown.append($('<option></option>').val(item.value).text(item.text));
});
}
});
});
</script>
[HttpGet]
public IActionResult Action()
{
var data = new List<SelectListItem>
{
new SelectListItem { Value = "1", Text = "Option 1" },
new SelectListItem { Value = "2", Text = "Option 2" },
new SelectListItem { Value = "3", Text = "Option 3" }
};
return Json(data);
}
通过以上步骤,当页面加载完成时,Ajax请求将被发送到指定的控制器动作方法,并返回下拉列表的数据。JavaScript代码将根据返回的数据更新下拉列表的选项。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。你可以通过以下链接了解更多关于这些产品的信息:
领取专属 10元无门槛券
手把手带您无忧上云