MVC3.0如何更新文本框推出後的值

Question

我有一個文本框數量，當我更改值時，我希望它立即更新@finalprice值，目前我有這個，但不知道如何使用jQuery和MVC3一起

@{ 
    var value = 1; 
    var price = 50; 
    var finalprice = value * price; 
} 

    <tr> 
     <td>@Html.TextBox("txbQuantity", "1") </td> 
     <td>@finalprice</td> 
    </tr> 

如何觸發時，文本框的值發生改變，改變finalprice值..

謝謝

Answer 1

首先包住finalPrice到某些類型的容器，所以你可以針對它。

我已經使用了一個span，但是如果你願意，你可以爲td元素本身分配一個ID。

<tr> 
    <td>@Html.TextBox("txbQuantity", "1") </td> 
    <td><span id="finalPrice">@finalprice</span></td> 
</tr> 

然後，您可以連接到輸入的模糊事件。剃刀會給它一個id爲txbQuantity。然後重新計算並更新文本。

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("#txbQuantity").blur(function() { 
     $("#finalPrice").text(@price * $(this).val()); 
    }); 

    }); 

</script>