MVC5でテキストを用いて部分更新を行いたい

Question

WEBでの開発を全くしたことがなくHTMLに関してもほぼ知識がない状態ですが、急遽MVCでの開発が必要となり現在勉強をしています。

テキストボックスに数値を入力すると連動してテーブルの数が増減するようなフォームです。ページの遷移は行わずに部分的に更新する方法を考えています。

__Tablecount__の部分に作成しておいたテキストボックスで手に入れた数値を使いたいのですが、どうしたらいいのでしょうか？

<input ********>
<table border="0" cellpadding="5" cellspacing="0" >
    @for (int i = 0; i < __Tablecount__ ; i++)
    {
        <tr>
            <td>
                @(i+1) 件目
            </td>
            <td>
                <div>
                   ああああ
                </div>
            </td>
        </tr>
  }
</table>

Answer 1

更新用のボタンを設けて、ボタンを押すことで対応することができました。

###View
   @using (Ajax.BeginForm("TextChange", "Merge",
       new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result" }))
    {
       <input name="TableCount" id="TableCount" value="1" class="text-center" type="number" />
       <input class="btn btn-default" type="submit" style="margin-top:8px" value="更新" />

       <div id="result"></div>
    }

###Controller
        [HttpPost]
        public ActionResult TextChange(FormCollection collection)
        {
            if (!Request.IsAjaxRequest())
            {
                return new EmptyResult();
            }

            var tableCount = collection["tableCount"];
            int tmp = 0;

            if ( tableCount ==""|| tableCount==null)
            {
                tmp = 1;
            }
            else
            {
                tmp = int.Parse(tableCount);
            }

            var model = new AddressCreate();
            model.TableCount = tmp;

            return PartialView("MergeSpot",model);
        }

###Model
クラスに以下の行を入れておく。
        public int TableCount { get; set; }

###部分ビュー
        @for (int i = 0; i < Model.TableCount; i++)
        {
            <tr class="table"></tr>
            <tr>
                <td>
                    @(i + 1) 件目
                </td>
                <td>
                    <div>
                        @Html.LabelFor(m => m.PrefId, "都道府県")
                    </div>
                </td>
            </tr>
   }