与CSS相关的IE8中的Html.DropDownFor绑定问题

时间:2012-06-27 12:48:51

标签: jquery css asp.net-mvc razor html.dropdownlistfor

所有

我在IE8中遇到这个奇怪的问题,关于将模型数据绑定到应用了CSS宽度属性的Html.DropDownListFor元素。

我有一个父下拉列表,当更改时会导致数据查找,然后带有新数据的模型应该绑定到子下拉列表。

在IE8中,如果我尝试在Html.DropListFor元素或Javascript属性中添加CSS width属性,则下拉列表将不会绑定到模型中的新数据。

如果我现在有宽度属性,即使在IE8中也能正常工作。

代码:

  @Html.DropDownListFor(model => model.EnrollmentToBatchDataContract.Spl, new SelectList(Model.SPLs, "Text", "Value"), "-- Please choose an SPL --", new {id="ddlSPL", name="ddlSPL"})

JS功能:

  function updateSPL(data) {
    $('#ddlSPL >option').remove();
    $('#ddlSPL').append($('<option></option>').html(""));
        for (var x = 0; x < data.SPLs.length; x++) {
            $('#ddlSPL').append($('<option value="' + data.SPLs[x].Value + '"> ' + data.SPLs[x].Text + '</option>').html(data.SPLs[x].Text));
        }
};

我知道模型正在更新并传递给JS函数。我测试了期望值在数据对象中。

此功能在Chrome和FF中也能正常使用。

谢谢, 德里克

0 个答案:

没有答案