Question

嗨，我想我的用户可以在索引页面中更改主题，我尝试使用此代码，它可以很好地与表单选择并提交botton一起使用，但是它对用户不友好，当用户为x加载选择x css文件时我该怎么办如果选择了y样式，则y css会加载，而无需单击botton 当前网代码在razor layout.csthml中

ApiServer

我使用的HTML表单

 var totalMessage = "";

    if (IsPost)
    {
        var num = Request["number"];

        if (num.AsInt() == 1)
        {
            totalMessage = "dark mode";


            @Styles.Render("~/Styles/defaultdark.css")
            @Styles.Render("~/Styles/regaldark.css")
            @Styles.Render("~/Styles/globaldark.css")




        }
        if (num.AsInt() == 2)
        {
            totalMessage = "white mode";
            @Styles.Render("~/Styles/1/defaultwhite.css")
            @Styles.Render("~/Styles/1/regalwhite.css")
            @Styles.Render("~/Styles/1/globalwhite.css")


        }

一切正常，但不是用户，用户必须选择主题，然后单击“提交”按钮，但我想更改代码，而无需单击“提交”按钮，只需选择主题即可。

Answer 1

您可以考虑在select上添加onchange事件

    <form action="" method="post">
        <p>
            <select name="number" onchange="themeChange()">
                <option value="">dear user select your favorit theme</option>
                <option value="1">dark mode</option>
                <option value="2">white mode</option>

            </select>

        </p>

        <p><input type="submit" id="submit" value=" Add "></p>
    </form>
    <p>@totalMessage</p>

    <script>
        function themeChange() {
            document.getElementById("submit").click()
        }
    </script>

如何在ASP剃须刀中与用户更改负载CSS

1 个答案: