下拉菜单在 mvc 和 jquery 中无法正常工作

Question

我尝试下拉选择的值显示，但当前在重定向页面之后再次显示默认选择的列表文本。 请建议我如何在下拉菜单中显示当前选定的文本。

<select id="HomepageUrlList" onchange="DropDownHomepageUrl()">
    <option value="">List</option>
    <option value="@Url.Action("Aboutus", "Home")">About us</option>
    <option value="@Url.Action("Contactus", "Home")">Contact us</option>
 </select>

查询：-

function DropDownHomepageUrl() {
            window.location.href = document.getElementById("HomepageUrlList").value;
            var strHomepageUrlListId = $("#HomepageUrlList option:selected").text();
        }

Answer 1

您可以将您选择的 ID 添加到 URL，然后在下一页加载时读取该 ID，例如：

第 1 页：

function DropDownHomepageUrl() {
    var strHomepageUrlListId = $("#HomepageUrlList option:selected").text();
    window.location.href = 
        document.getElementById("HomepageUrlList").value
        + "?selected=" + strHomepageUrlListId;
}

第2页：

$(function() { 
    $("#HomepageUrlList").val(getUrlVars()["selected"]);
});

// From https://stackoverflow.com/a/4656873/2181514
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

当您使用 MVC 时，通过将selected添加到您的第二页参数而不是使用 jquery 获取查询字符串会更好地服务，然后您将通过您的 viewmodel 传递选定的值。

---

但是，在您的情况下，没有必要，因为页面已经知道应该显示哪个下拉值，因为那是它所在的页面。

假设您的 url 选择器位于部分/可重用的代码位中，而不是在每个页面上（每个页面都会使其更简单）：

关于我们.cshtml

....
  <option selected value="@Url.Action("Aboutus", "Home")">About us</option>
  <option value="@Url.Action("Contactus", "Home")">Contact us</option> 

联系我们.cshtml

....
  <option value="@Url.Action("Aboutus", "Home")">About us</option>
  <option selected value="@Url.Action("Contactus", "Home")">Contact us</option> 

因此，在每个页面上，您可以传递的是您部分的详细信息，说明该页面是什么。

添加一个带有页面列表的枚举，然后将其传入，例如；

@Html.Partial("urlNavigator", Page.AboutUs)

如果您不想要枚举，则作为字符串传入。 然后你的部分可以读取它并在渲染过程中选择正确的值。

通过这种方式，您还可以删除 FOUC，它仅在页面加载后才更新下拉列表（坦率地说，这看起来有点垃圾）。