MVCのControllerの項目リスト間をドラッグする方法

Question

ドロップダウンリストで国と地域の間に線をドラッグしたいと思います。

new SelectListItem {Value = "GB", Text = "Great Britain" }の末尾にある行をドラッグするコードです。-----------------です。私を案内してください。前もって感謝します。私の意見で

RacingRegionsOptions = new List<SelectListItem> 
      { 

       new SelectListItem {Value = "NZ", Text="New Zealand" }, 
       new SelectListItem {Value = "AUS", Text = "Australia" }, 
       new SelectListItem {Value = "FR", Text = "France" }, 
       new SelectListItem {Value = "GB", Text = "Great Britain" }, 


      new SelectListItem {Value = "1", Text = "Australia & New 
       Zealand" }, 
       new SelectListItem {Value = "2", Text = "South East Asia" }, 
       new SelectListItem {Value = "3", Text = "Principal Europe" }, 
       new SelectListItem {Value = "4", Text = "All Europe" }, 
       new SelectListItem {Value = "5", Text = "Soutern Hemisphere" }, 

     } 

Answer 1

、最もクリーンな解決策は、（Select2など）、項目ディバイダを実装して、あなたのビューにJSライブラリを使用するだろうが、あなた本当には、サーバーのSelectListの上で実装する場合、あなたはこれを試すことができます：

は

new SelectListItem {Value = "", Text = "---------------------------", Disabled = true }, 

Answer 2

あなたはを使用してSELECTのオプションをレンダリング検討することができる（私は本当にこれは良いアイデアだとは思いません）。 optgroup要素は、select要素内にオプションのグループを作成します。 Html.DropDownListForヘルパーメソッドは、optgroupを使用してselect要素をレンダリングすることをサポートしています。

var other = new SelectListGroup() {Name = "------Other----"}; 
var items = new List<SelectListItem> 
{ 
    new SelectListItem {Value = "NZ", Text = "New Zealand"}, 
    new SelectListItem {Value = "AUS", Text = "Australia"}, 
    new SelectListItem {Value = "FR", Text = "France"}, 
    new SelectListItem {Value = "GB", Text = "Great Britain"}, 

    new SelectListItem {Value = "1", Text = "Australia & New Zealand", Group = other}, 
    new SelectListItem {Value = "2", Text = "South East Asia", Group = other}, 
    new SelectListItem {Value = "3", Text = "Principal Europe", Group = other}, 
    new SelectListItem {Value = "4", Text = "All Europe", Group = other}, 
    new SelectListItem {Value = "5", Text = "Soutern Hemisphere", Group = other} 
}; 
// Use items variable to initialize to set the value of RacingRegionsOptions 

これは、ラベル------Other----がありoptgroup内部の最後の5つの項目をラップします。

optgroupは、オプション項目をUIにグループ化するために使用されます。ユーザーは選択したオプションとしてグループを選択できません。