Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用list_Javascript_Jquery_Twitter Bootstrap_Asp.net Mvc 4_Bootstrap Multiselect - Fatal编程技术网

Javascript 使用list

Javascript 使用list,javascript,jquery,twitter-bootstrap,asp.net-mvc-4,bootstrap-multiselect,Javascript,Jquery,Twitter Bootstrap,Asp.net Mvc 4,Bootstrap Multiselect,我正在MVC4 Razor视图中使用twitter引导多选择下拉列表 @Html.DropDownListFor(m => m.States, Model.States, new { @class = "form-control", id = "ddlState", placeholder = "Select State" }) 我将其用作单选下拉列表,即没有“多个”属性 $('#ddlState').multiselect({ enableFiltering:

我正在MVC4 Razor视图中使用twitter引导多选择下拉列表

 @Html.DropDownListFor(m => m.States, Model.States, new { @class = "form-control", id = "ddlState", placeholder = "Select State" })
我将其用作单选下拉列表,即没有“多个”属性

$('#ddlState').multiselect({
            enableFiltering: true,
            nonSelectedText: 'Select State',
            enableCaseInsensitiveFiltering: true,
            maxHeight: 200
  });
我正在使用SelectListItem填充上面的下拉列表 以下面的方式

public List<SelectListItem> BindStates()
        {
            DataSet ds = new DataSet();
            ds = (DataSet)Session["SDMVTMasterDropDownData"];
            List<SelectListItem> states = new List<SelectListItem>();
            states = (from DataRow dr in ds.Tables[0].Rows
                      select new SelectListItem()
                   {
                       Text = (dr["StateName"]).ToString(),
                       Value = dr["StateId"].ToString(),
                       Selected = (bool)dr["SelectedStatus"],
                   }).ToList();
            return states;
        }
但问题是,即使我将Selected属性设置为true,下拉列表也不会选择相应的列表项

默认情况下,将选择列表中的第一项

在浏览互联网时,我注意到可以使用selected='selected'属性设置所选选项

像这样,

<script type="text/javascript">
    $('#example-single-selected').multiselect();
</script>

<select id="example-single-selected">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3" selected="selected">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>
但这是静态的方式,如何在从控制器填充列表时实现这一点


以下是此引导multiselect下拉列表的参考文档链接

1您不能将同一名称用于绑定到的属性和SelectList 2如果您想要使用multiple,请使用ListBoxFor,not DropDownList for 3设置当您绑定到模型时,所选值将被忽略-它是确定所选内容的属性值selected@StephenMuecke如果你不介意的话,请你详细说明一下好吗?我没有收到你的信point@i不想使用多选下拉列表,我只需要单选,但由于在我的应用程序的所有剩余页面中,我都使用了bootstrap multiselect控件,因此我使用相同的控件来保持外观的一致性。我们的模型需要绑定一个属性int SelectedState,以及选项的IEnumerable状态列表。然后设置model.SelectedState=3;在将模型传递给视图之前的GET方法中,将选择第二个选项BIHAR,并删除不必要的SelectListItem。选定值视图为@Html.DropDownListForm=>m.SelectedState,model.StatesList。。。
<script type="text/javascript">
    $('#example-single-selected').multiselect();
</script>

<select id="example-single-selected">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3" selected="selected">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>