title: Kendo MultiSelect - select value send to controller method MVC
body: <p>In the form I have a kendo MultiSelect that allows you to select several add-ons to your order. After selecting, I want to show the price of the add-on but somehow I do not. </p>
  
  <p>The value of the selected add-on is displayed without any problem, the problem occurs when I want to display the price it needs to get with GET from the controller.
  The method in the controller returns an int value.</p>
  
  <p>Could someone direct me in the right direction?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function onChange(e) {
          var multiselect = $("#accessoriesCombo").data("kendoMultiSelect");
          var accessoriesLabel = $("#accessoriesLabel");
          var startDate = $("#rentStartPicker").data("kendoDateTimePicker").value();
          var endDate = $("#rentEndPicker").data("kendoDateTimePicker").value();
          var diffDay;
  
          if (calculate(startDate, endDate) &lt; 1) {
              diffDay = calculate(startDate, endDate) + 1;
          } else {
              diffDay = calculate(startDate, endDate);
          }
          var textValues = "";
          var arrayValues = this.value();
          var total = 0;
          arrayValues.forEach(function (item) {
              textValues += item;
              total += getPrice(item, diffDay);
          });
          
          accessoriesLabel.text(textValues + " (" + total + ")");    
      }
  
      function getPrice(id, numberOgDays) {
          var returnPrice = 0;
          // return int Accessories Price
          $.get('/Cars/GetAccessoriesPrice/?id=' + id + '&amp;numberOfDays=' + numberOgDays, function (price) {
              returnPrice = price;
              return returnPrice;
          }, 'json');
      }
  
      function calculate(first, second) {
          var diff = Math.round((second - first) / 1000 / 60 / 60 / 24);
          return diff;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="select-vehicle" style="padding-top:10px"&gt;
  @(Html.Kendo().MultiSelect().Name("accessoriesCombo").DataValueField("AccessoriesID").DataTextField("AccessoriesName")
        .DataSource(source =&gt;
            {
              source.Read(read =&gt;
                {
                  read.Action("Accessories_Read", "Cars");
                });
            })
        .HtmlAttributes(new { @style = "width:100%" })
        .Placeholder("Volitelné příslušenství")
        .AutoClose(false)
        .Events(events =&gt;
          {
            events.Change("onChange");
          })
           )
   &lt;script type="text/x-kendo-tmpl" id="accessoriesTemplate"&gt;
    &lt;div style="padding: 5px; vertical-align:middle"&gt;
     &lt;p&gt;
        &lt;input type="checkbox" style="vertical-align:text-bottom" id="chb_accessories_#:AccessoriesID#" value="#:AccessoriesID#" /&gt;&lt;label for="chb_accessories_#:AccessoriesID#" style="padding-left:5px"&gt; #:AccessoriesName#&lt;/label&gt;
   &lt;span style="font-size:12px; padding-left:5px"&gt;cena od: #:kendo.toString(data.LowestPrice, "c0", "cs-CZ")# / den&lt;/span&gt;
   &lt;/p&gt;
   &lt;/div&gt;
   &lt;/script&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>