как преобразовать массив javaScript в строку и сохранить в скрытом поле в MVC?


Функция Onclick: -

    //$(document).ready(function() {
AddRemoveCustomer = function(){
    var CustomerIDArray =[];
    $(".checkBoxClass").click(function(e) {
        var arr = CustomerIDArray;
        var checkedId =$(this).attr('id');
        if ($(this).prop('checked')){
            CustomerIDArray.push(checkedId);
            arr = CustomerIDArray;
        }
        else
        {
            jQuery.each(CustomerIDArray, function(i, item){
                if (arr[i] == checkedId)
                {
                    arr.splice(i, 1);
                }
            });
            CustomerIDArray = arr;
        }
        var ids = "";
        jQuery.each(CustomerIDArray, function(i, item){
            if (ids == "")
            {
                ids = CustomerIDArray[i];
            }
            else
            {
                ids = ids + "," + CustomerIDArray[i];
            }
        });
        alert(ids);
    });;
    };
    </script>

Вид: -

<table id="tblEmailScheduler"  class="table-bordered col-offset-12">
            <thead>
                <tr class="label-primary">
                    <th style="padding:5px 15px;">
                        First Name
                    </th>
                    <th style="padding:5px 15px;">
                        Last Name
                    </th>
                    <th style="padding:5px 15px;">
                        Email ID
                    </th>
                    <th style="padding:5px 15px;">
                        Customer Type
                    </th>
                    <th style="padding:5px 15px;">
                        Customer Designation
                        @Html.DropDownList("CustomerDesignation", new SelectList(ViewBag.SelectAllCustomerDesignationDDL, "Value", "Text"), new { id = "CustomerDesignationDDL" , name = "CustomerDesignationDDL" })
                    </th>
                    <th style="padding:5px 15px;">
                        Select All
                        <div class="checkbox control-group">
                            <label>
                                <input type="checkbox" id="cbSelectAll" />
                            </label>
                        </div>
                    </th>

                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th colspan="2">
                        EmailTemplate :
                        @Html.DropDownList("EmailSubject", new SelectList(ViewBag.SelectAllEmailTemplateDDL, "Value", "Text"), new { id = "SelectAllEmailTemplateDDL" })
                    </th>
                    <th colspan="2">
                        Set Date And Time:
                        <input type="text" class = "from-date-picker" readonly = "readonly"  />
                    </th>
                    <th colspan="2">
                       <input type="submit" value="Schedule" id="btnSubmit" class="btn btn-default" />
                    </th>
                    <td>

                    </td>
                </tr>
            </tfoot>
            @foreach (var item in Model)
            {
                <tr style="text-align:center">
                    <td id="tblFirstName">
                        @item.FirstName
                    </td>
                    <td id="tblLastName">
                        @item.LastName
                    </td>
                    <td id="tblEmailID">
                        @item.EmailID
                    </td>
                    <td id="tblCustomerType">
                        @item.CustomerType
                    </td>
                    <td id="tblCustomerDesignation">
                        @item.CustomerDesignation
                    </td>
                    <td>
                        <div class="checkbox control-group">
                            <label>
                                <input type="checkbox" id="@item.CustomerID" value="@item.CustomerID"  onclick="AddRemoveCustomer()" class="checkBoxClass"/>
                                @*@Html.CheckBox("Select", new { id = "cbCustomer", item.CustomerID})*@
                            </label>
                        </div>
                    </td>
                </tr>
            }
      </table>
        <input type="hidden" id="hfCustomerID"/>
  1. я поставил флажок, так как я проверяю значение флажка строки, хранящейся в массиве в JavaScript.
  2. я хочу преобразовать массив JavaScript в строку,и он должен сохраниться в скрытом поле.
  3. Когда я нажимаю на подкачку, то значение скрытого поля должно загружаться в массив, а затем в массиве также сохраняется новое проверяемое значение с существующим значением из скрытого поля
1 2

1 ответ:

Образец

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var value=fruits.toString();

Объявите входные данные в html-странице.

<input type="hidden" id="hidden" class="btn btn-default" />

С помощью jquery можно задать значение.

 $('#hidden').val(value);