在C＃塊中使用JavaScript變量

Question

我試圖通過javascript獲取一個變量，並在我的C＃塊中使用它，但這似乎是不可能的。

這是我的HTML：

<select class="form-control" id="Category">
    @foreach (var item in Model.Categori)
    {
        <option value="@item.CategoriId">@item.CategoriName</option>
    }
</select>
<div id="Container"></div>

這是我的JavaScript代碼：

$('#Category').on('change', function (e) {
   $("#Container").append(`@foreach (var item in Model.YetkinlikKategorileri.Where(x => x.Id == $('#Category').val()))
   {
       <p>hello</p>
   }`);
});

那么有可能做這樣的事情嗎？ 如果沒有，還有別的辦法嗎？

Answer 1

您需要這樣的東西：

<script> 
var data = [
        @foreach (var item in dataList)
        {
            @Html.Raw("'"+item+"',")
        }
    ];
    $('#Category').on('change', function (e) {
        var lst = data.find(/*Your condition*/);
        for (var i = 0; i < lst.length; i++) {
            $("#Content").append("<p>hello</p>" + data[i] + "<br/>");
        }
    };
</script>

dataList是來自服務器的數據。

但是通過這種方式，您應該從服務器獲取所有數據並將其放入javascript data數組。 然后，您應該通過查找data數組來創建lst 。

但是使用ajax比這個剃刀代碼更好。