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>

Как активировать при изменении значения текстового поля, изменить значение окончательной цены ..

Спасибо

Answer 1

Сначала оберните вашу FinalPrice в контейнер определенного типа, чтобы вы могли на него нацелиться.

Я использовал span, но вы можете назначить ID самому элементу td, если хотите.

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

Затем вы можете подключиться к событию размытия ввода.Бритва даст ему идентификатор txbQuantity.Затем просто повторите расчет и обновите текст.

<script type="text/javascript">

   $(document).ready(function() {

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

   });

</script>