javascript - hiddenfield フォームの値を Controller に渡す

Question

選択した CustomerID を正しく返す jQuery getJson メソッドがあります。その場合、CustomerID を別の Controller メソッドに送信するボタンが有効になり、フォームを開いて顧客を変更します。

Form コレクションを確認しましたが、コレクションの ID に関連付けられた値がありません。値のない「CustomerID」として単純に出力されます。

この値をフォーム コレクションを使用して他のコントローラーに渡すにはどうすればよいですか?

スクリプト セクションに var CustomerID が含まれ、BeginForm に hiddenfield 値があることはわかっていますが、明らかに、この 2 つの間に「リンケージ」はありません。これをどうしようかな…と考え中です。

基本的に、CustomerID 内の JS 変数値をフォームに取得するにはどうすればよいですか?

JS

@section scripts {
    <script type="text/javascript">

        $(function ()
        {
            var selID = null;
            var CustomerID = null;
            $("#Name").change(function ()
            {
                selID = $("#Name option:selected").val();

                var url = '/Project/SpecificCustomer';
                var param = { Id: selID };
                $.getJSON(url, param, function (data)
                {
                    var html = "<table border='1' cellpadding='3'>";
                    html += "<tr>";
                    html += "<td>" + "Customer ID: " + data.CustomerID + "</td>";
                    CustomerID = data.CustomerID;
                    html += "</tr>";
                    html += "<tr>";
                    html += "<td>" + "Email: " + data.Email + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var FirstName = data.FirstName;
                    FirstName == null ? "" : FirstName;
                    var LastName = data.LastName;
                    LastName == null ? "" : LastName;
                    html += "<td>" + "Name: " + FirstName + " " + LastName + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var date1 = new Date(parseInt(data.CreatedDate.substr(6)));
                    date1 == null ? "" : date1;
                    html += "<td>" + "Created: " + date1 + "</td>";
                    html += "</tr>";
                    html += "<tr>";
                    var date2 = new Date(parseInt(data.UpdatedDate.substr(6)));
                    date2 == null ? "" : date2;
                    html += "<td>" + "Updated: " + date2 + "</td>";
                    html += "</tr>";
                    html += "</table>";
                    $("#divData").html('');
                    $("#divData").append(html);

                    if (CustomerID != null)
                        $("#UpdateCust").prop('disabled', false);
                });
            });
        });

    </script>
}

@using (Html.BeginForm("Index", "Customer", new AjaxOptions { HttpMethod = "POST" }))
{
    <fieldset>
        <legend>Edit Customer</legend>
        <div class="editor-field">
            <input type="hidden" id="custID" name="custID" value="CustomerID" />
            <input type="submit" id="UpdateCust" value='@Resources.Update' disabled="disabled" />
        </div>

    </fieldset>
}

その他のコントローラーの方法

public ActionResult Index(FormCollection form)
        {
            string custID = form["custID"];
...