Jquery mobile mvc4 razor网页在转换为jquery mobile后偶尔填充下拉列表

我正在将几个正在工作的asp.net mvc 4 razor网页转换为jquery mobile，我看到了一些我不理解的东西

@Html.DropDownListFor并不总是填充…我使用firebug检查过Html，有时当网页出现时，它的下拉列表没有值…但它是零星的…我讨厌零星的问题…它让我很恼火

这是控制器…我已经检查了问题发生的时间…它总是生成数据并发送数据

public ActionResult SelectWorkCenter()
{
    SelectWorkCenterInputModel model = new SelectWorkCenterInputModel();
    model.WorkCenterList = wcService.GetWorkCenters().OrderBy(p=>p.WorkCenterName).ToList();
    return View(model);
}

这是一个带有下拉菜单的网页，该下拉菜单偶尔会起作用：

@using TBS.Etracs.Web.Main.Areas.WorkCenter.Models
@model SelectWorkCenterInputModel

@{
    ViewBag.Title = "Select Work Center";
}

@using (Html.BeginForm("SelectWorkOrder", "Mobile", new {Model.SelectedWorkCenterID }))
{          
    <div class="divTable">
        <div class="divTableRow">
            <div class="divTableCell"></div>
            <div class="divTableCell">[WorkCenterName (#Vehicles)]</div>
        </div>
        <div class="divTableRow">
            <div class="divTableCell"><label><strong> WorkCenter</strong></label></div>
            <div class="divTableCell">   
                @Html.DropDownListFor(p => p.SelectedWorkCenterID,
                                     new SelectList(Model.WorkCenterList, "WorkCenterID", "WorkCenterName"),
                                     "Select a Work Center",
                                     new { Class    = "dropdownstyle",
                                           onchange = "this.form.submit();",
                                           style    = "width:220px; height: 40px;font-size: 1.2em;font-weight:bold"
                                         })   
                </div> 
        </div>
    </div>    
     <input type="submit" value="Back" onclick="history.back(); return false;" style="margin-right: 20px" />
}

我正在从一个divTable转换到data角色的过程中…wierd的事情有时是这样的，在我转换到data角色之后，事情会有所改善，有时会使问题变得更糟

我不明白为什么转换成jquery mobile会对这方面产生任何影响

我遇到的另一个问题是，现在我已经转换到jquery mobile，我的按钮并不总是将事件发回控制器。。。。我不知道这是否是一个相关的问题

---

你知道我错过了什么吗？

更多细节……现在我知道了更多的事情，我发现这个问题以前被问过。。。。我仍然没有解决这个问题，但这似乎不是我在其他帖子中看到的最可能的问题。。。。这是我的模型，它。。。。这应该是正确的，因为它正在工作

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

using TBS.Etracs.Web.Main.Models;

namespace TBS.Etracs.Web.Main.Areas.WorkCenter.Models
{
    public class SelectWorkCenterInputModel
    {
        public int SelectedWorkCenterID { get; set; }
        public List<AssignedWorkCenter> WorkCenterList { get; set; }
    }
}

---

好吧…我不明白，但这是解决办法

问题在于DropDownList for中的样式说明……通过消除样式行，一切都正常

 @Html.DropDownListFor(p => p.SelectedWorkOrderCode,   
                         new SelectList (Model.WorkOrders, "WorkCenterID", "WorkOrderCodeDesc"),   
                                                        "Select a Work Order",     
                                            new { id       = "WorkCenterID",
                                                Class    = "dropdownstyle" })

---

好的……我错了，HTML中填充了Select数据……但是下拉菜单不起作用。。。。所以现在我更困惑了…为什么下拉列表不显示选择值？？？？

 @Html.DropDownListFor(p => p.SelectedWorkOrderCode,   
                         new SelectList (Model.WorkOrders, "WorkCenterID", "WorkOrderCodeDesc"),   
                                                        "Select a Work Order",     
                                            new { id       = "WorkCenterID",
                                                Class    = "dropdownstyle" })