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>