複選框檢查發送值到局部視圖並更新它mvc 3

Question

我有兩個局部視圖，一個是有一個5複選框（用於過濾），另一個將顯示過濾的數據。

<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000 
<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000 

和使用jQuery的幫助我發送到控制器的要求..

public PartialViewResult PhonesPartail(int? id,string where) 
    { 
     var list = paginateRsult(id, "", where).ToList(); 
     ViewData["totalpages"] = totalPages; 
     return PartialView("_phonelist",list); 
    } 

和jQuery的

$(document).on("change", ".price-checkbox input[type=checkbox]", function() { 
     if ($(this).is(":checked")) { 
      var prange = $(this).attr("id"); 
      var parray = prange.split('-'); 
      var whereclause = "price>=" + parray[0] + " and price <=" + parray[1]; 
      $.ajax({ 
       url: '../../Phones/PhonesPartail', 
       data: { where: whereclause }, 
       type: 'POST', 
       success: function (data) { 
        $("#phone-list").append(data); 

       } 
      }); 
     } 
    }); 

現在它返回的列表中，獲取添加到div與整個html頁面..再次意味着html頁面被添加到分區中..

any soluti上..

在此先感謝...

Answer 1

使用HTML（）到一個div的jQuery 將粘貼由局部視圖返回的數據的功能，而不是追加它的div

$("#phone-list").html(data);