Javascript Inline Dropdownlist

Question

我在MVC 5中創建了一個內聯的CRUD操作，其中爲了添加新記錄，用戶將單擊某個按鈕，它將創建一個新的動態表格行。這是我的javascript代碼：

 function tblnewrow() { 

      var newrow = '<tr>' + 
      '<td><span class="edit-mode"><input type="text" class="form-control edit-mode" id="particular" placeholder="Enter Particular"/></span></td>' + 
      '<td><span class="edit-mode"><input type="text" class="form-control edit-mode" id="acctcode" placeholder="Enter Account Code" /></span></td>' + 
      '<td><span class="edit-mode"><input type="text" class="form-control edit-mode" id="ppmpcode" placeholder="Enter PPMP Code" /></span></td>' + 
      '<td><span class="edit-mode">@Html.DropDownList("Account Code", (SelectList)ViewBag.listValues, "---Select Account Code---", new { @class = "form-control edit-mode", id = "acctcode" })</span></td>' + 
      '<td align="center"><button class="btn btn-success edit-mode" id="saveParticular" type="submit">Save</button><button class="btn btn-danger cancel-add edit-mode">Cancel</button></td>' 

      $('#particularTbl tr:last').after(newrow); 
     }; 

我可以成功地添加一個新的行，但是當我添加下拉列表它不工作。我在這裏做錯了什麼？提前致謝！