在MVC /剃鬚刀中向上和向下移動列表框

Question

我在VS 2012中使用mvc4 /剃鬚刀 我想使用向上和向下按鈕上下移動mvc列表框中的項目。 這些是我在listorder/index.cshtml裏面的控件 我試過這個腳本，但是這裏不行。請幫助

 @{ 
     var Resource = new List<SelectListItem> { 
     new SelectListItem { Text = "res1", Value = "1"}, 
     new SelectListItem { Text = "res2", Value = "2" }, 
     new SelectListItem { Text = "res3", Value = "3" }, 
      new SelectListItem { Text = "res4", Value = "4" } 
    }; 
} 

@Html.ListBox("ListReorder", Resource, new { @class = "ListMain"}) 
<input type="button" value="Up" id="ResUpButton" onclick="MoveUp()" /> <br /> 
     <input type="button" value="Down" id="ResDownButton" onclick="MoveDown()" /> 



<script src="scripts/jquery-1[1].3.2.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     function MoveDown() { 
      var selectedOption = $('#ListReorder > option[selected]'); 
      var nextOption = $('#ListReorder > option[selected]').next("option"); 
      if ($(nextOption).text() != "") {    
       $(selectedOption).remove(); 
       $(nextOption).after($(selectedOption)); 
      }     
     } 
     function MoveUp() { 
      var selectedOption = $('#ListReorder > option[selected]'); 
      var prevOption = $('#ListReorder > option[selected]').prev("option"); 
      if ($(prevOption).text() != "") { 
       $(selectedOption).remove(); 
       $(prevOption).before($(selectedOption)); 
      } 
      } 

    </script> 

Answer 1

嘗試For more info this或this

$("#ResUpButton,#ResDownButton").live('click',function(event) {.....