页面重载时如何用jQuery自动选中DropDownListFor下拉框最后一项？

嗨，我来帮你搞定这个需求！根据你给出的Razor代码，我们可以用jQuery轻松实现页面加载时自动选中下拉框的最后一个选项，具体方案如下：

核心思路 #

等页面DOM完全加载完成后，精准定位到目标下拉框，找到它的最后一个选项，然后设置该选项为选中状态。

具体代码实现 #

下面提供几种定位下拉框的方式，你可以根据实际场景选择：

方式一：通过Class选择器定位（匹配你Razor代码里的form-control check类）

$(document).ready(function() {
    // 定位到目标下拉框，选中最后一个选项
    $('.form-control.check').find('option:last').prop('selected', true);
});

方式二：通过Name属性定位（更精准，推荐）

Razor的DropDownListFor会生成name="DergiID"的下拉框，用这个属性定位更不容易和其他页面元素冲突：

$(document).ready(function() {
    $('select[name="DergiID"]').find('option:last').prop('selected', true);
});

进阶：排除默认的"-Seçiniz-"选项

如果你的需求是选中实际数据的最后一项（跳过第一个默认的"-Seçiniz-"选项），可以调整代码如下：

$(document).ready(function() {
    $('select[name="DergiID"]').find('option:not(:first):last').prop('selected', true);
});

使用注意事项 #

• 确保页面已经加载了jQuery库，否则这段代码无法生效；
• 把这段代码放在页面底部（</body>标签前），或者ASP.NET MVC的@section Scripts {}区块中，保证DOM元素已经渲染完成后再执行。

内容的提问来源于stack exchange，提问作者LakerOps