javascript - MVC スクリプトのモデル リストに対する for ループと、ループ内の Jquery へのアクセス

Question

MVC スクリプトで forloop 内の jquery にアクセスしたい。シナリオは次のとおりです。

タイプリストのモデルプロパティがあります。ループを繰り返して、同じビューのドロップダウンにコンテンツを追加したい。

    @Html.EditorFor(model => model.worklist)
    @Html.DropDownListFor(model => model.PhoneNumber, Enumerable.Empty<SelectListItem>(), new { id = "contactPhone" })

<script type="text/javascript">
  $(document).ready(function () {

@for(var i=0; i < Model.worklist.Count(); i++)
{
   if(Model.worklist[i].PhoneID == 1)
   {
     @:$('<option />').val(Model.worklist[i].PhoneNumber).text(Model.worklist[i].PhoneNumber).appendTo('#contactPhone select');
   }
}

  });
</script>

動いていない。mvc スクリプトの他の Model プロパティを使用して、このように動的にドロップダウンを埋める方法はありますか?