如何将文本框值传递给ASP.NET MVC5中的JavaScript变量？

Question

Hello all !

        <div class="form-group">
        <label>Address</label>
        <div class="tt-container">
        <input id="addres" name="addr" data-rulevalidAddress="true" 
        type="text" value="" class="form-control">
        </div>
        </div>
        <script>
        $(document).ready(function () {
        var vm = {
        Address: document.getElementById("addres").value,
        MovieIds: []
        };
        });
        </script>

This doesn't yield Address value what i need to get through user input. while :

        <div class="form-group">
        <label>Address</label>
        <div class="tt-container">
        <input id="addres" name="addr" data-rule-validAddress="true" 
        type="text" value="ABC" class="form-control">
        </div>
        </div>
        <script>
        $(document).ready(function () {
        var vm = {
        Address: document.getElementById("addres").value,
        MovieIds: []
        };
        });
        </script>

this is working.

Kindly help me, i need user input to get referenced.

For understanding, some controller code is here :

        var rental = new Rentals
        {
        customers = customer,
        movies = movies,
        E_mail = User.Identity.GetUserName(),
        Address = rentalDto.Address,
        PhoneNumber = rentalDto.Phone,
        Renting_Option = rentalDto.B_option,
        DateRented = DateTime.Now
        };

Answer 1

尝试

Address: $("#addres").val(),