Có cách nào để sử dụng mã jquery bên trong dao cạo?

Question

Đây là mã jQuery của tôi với Razor:

$("#GroupC_grup_name").attr('value', '@foreach (SelectListItem sel in (SelectList)ViewData["Gruplar"]){ @sel.Text }') 
    $("#GroupC_id").attr('value', '@foreach(SelectListItem sel in (SelectList)ViewData["Gruplar"]){ @sel.Value }') 

Tôi muốn kết hợp này lại với nhau, như trong Tôi không muốn gọi cho ViewData["Gruplar"] hai lần.

Tôi có thể làm điều gì đó như thế này không?

@foreach(SelectListItem sel in (SelectList)ViewData["Gruplar"]){ 
    @:$("#GroupC_grup_name").attr('value', '@sel.Text'); 
    @:$("#GroupC_id").attr('value', '@sel.Value'); 
} 

Tôi đã thử mọi thứ tôi có thể nghĩ nhưng vẫn không thể đạt được những gì tôi muốn.

Answer 1

tôi đọc nó một cách cẩn thận và hiểu những gì bạn muốn làm. Tuy nhiên, ví dụ của bạn là điều khó hiểu. (dường như tất cả mọi người đã trả lời)

Những gì bạn đã làm trong ví dụ thứ hai sẽ hoạt động tốt, bạn có thể bọc jQuery của mình trong một phần tử <text></text> nếu điều đó cũng hữu ích. Nếu chỉ có bao giờ một giá trị mà bạn có thể chỉ

<script type='text/javascript'> 
    @{ var x = ((SelectList)ViewData["Gruplar"]).First(); } 
    $("#GroupC_grup_name").attr('value', '@x.Text'); 
    $("#GroupC_id").attr('value', '@x.Value'); 
</script> 

Có nhiều cách bạn có thể thực hiện dao cạo trong jquery. Về cơ bản nó giống như dao cạo với html.

Bạn muốn thực hiện dao cạo ở phía máy khách thì điều đó sẽ không xảy ra. Dao cạo được thực hiện trước khi nó được gửi đến máy khách.

Answer 2

Mã bạn đề nghị nên làm việc, mã dưới đây sử dụng một mảng chuỗi thay vì một SelectList nhưng nguyên tắc nên được như vậy, các mã dưới đây đã được thử nghiệm và làm việc -

@{String[] testarr = {"hello","bye"};} 
@foreach(String sel in testarr){ 
@:$("#GroupC_grup_name").attr('value', '@sel'); 
@:$("#GroupC_id").attr('value', '@sel'); 
} 

Answer 3

Theo tôi được biết nó, bạn muốn cập nhật các phần tử khi chọn một mục SELECT?

Tạo chọn danh sách thường xuyên và thêm mã jquery sau:

<script type="text/javascript"> 
$(function() { 
    $('#selectListId').change(function() { 
     $selectedItem = $("option:selected", this); 
     $("#GroupC_grup_name").val(selectedItem.html()); 
     $("#GroupC_id").val(selectedItem.val()); 
    }); 

}); 
</script>