如何处理事件，例如单击razorpages by c＃函数

Question

当我单击按钮时，我想调用C＃函数，或在Razor页面上的SelectList中选择一个项目。 在Blazor中，可能像此代码一样：

<button class="btn btn-info form-control" @onclick="AddNewCategory" >Add New Category</button>

但是在剃须刀页面中，我无法使用它 请帮我！

Answer 1

如果要在单击按钮时在剃须刀页面上的选择列表中选择一个项目，则可以尝试使用JS，这是一个演示。单击按钮时，所选值将为4。

    <select id="select1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    
    </select>
    <button onclick="changeSelectedItem()">test</button>
    @section Scripts{
        <script>
            function changeSelectedItem() {
                $("#select1").val(4);
            }
        </script>
    } 

而且，如果您在单击按钮时要调用C＃函数，则可以使用Ajax调用处理

程序

 @Html.AntiForgeryToken()
    <button onclick="callHandler()">callHandler</button>
    @section Scripts{
        <script>
            function callHandler() {
                 $.ajax({
                    type: "POST",
                    url: "?handler=TestHandler",
                    headers: { "RequestVerificationToken": $('input[name="__RequestVerificationToken"]').val() },
                    success: function (data) {
                       //...
                    }
    
                });
            }
     </script>
    } 

。

public void OnPostTestHandler()
{ 
    //do something here
}