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>

然后你可以连接输入的blur事件。剃刀会给它一个txbQuantity的id。然后只需重做计算并更新文本。

<script type="text/javascript">

   $(document).ready(function() {

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

   });

</script>

MVC3.0如何在文本框推出后更新值

1 个答案: