Как динамически изменить значение в HTML-странице mvc3

Question

        <tr> 
           <td>
               Delivery
           </td>
            <td>
               <div class="confdelivery">
                    <select id="NxtDay" name="NxtDay">
                         <option selected="selected" value="1">Normal Devliery + 10.00</option>
                            <option value="2">Next Day Delivery + 20.00</option>
                        </select>
                    </div>
                </td>
            </tr>
             <tr>
                <td>
                    Total
                </td>
                <td> 
                     @{
                var total = Model.CartTotal;
             }
            @total
                </td>
            </tr>

В основном, если пользователь выбирает доставку на следующий день. Я хочу добавить 20 в @total?

Answer 1

Я думаю, вы идете по этому поводу неправильно.Вы либо обновляете некоторое входное значение с помощью javascript, либо используете значение NxtDay в действии вашего контроллера, чтобы назначить правильное значение в зависимости от выбора.

ДОБАВЛЕНО:

Чтовы хотите сделать что-то вроде этого: (я предполагаю, что вы используете jquery, так как он поставляется с MVC3).

ОДНАКО: Если вы только начинаете, вы должны проверить какое-то руководство.Это довольно простой материал, и вам не придется далеко ходить, если вы не вернетесь сюда, если не будете читать по этому поводу.

<tr> 
   <td>
       Delivery
   </td>
    <td>
       <div class="confdelivery">
            <select id="NxtDay" name="NxtDay">
                <option selected="selected" value="10">Normal Devliery + 10.00</option>
                <option value="20">Next Day Delivery + 20.00</option>
            </select>
        </div>
    </td>
</tr>
 <tr>
    <td>
        Total
    </td>
    <td> 
        <span id="totalValue" style="display: none">@Model.CartTotal</span>
        <span id="totalWithShipping">0</span>
       <input id="hiddenTotal" type="hidden" value="0">
    </td>
</tr>

<script>
    $(document).ready(function () {
        $('#NxtDay').change(function() {
            addToTotal();
        });
    });
    function addToTotal(){
        $('#totalWithShipping').html($('#totalValue').html() + $("#NxtDay option:selected").val());
        $('#hiddenTotal').val($('#totalWithShipping').html());
    }
</script>