举例一:

@Html.LabelFor(model => model.Gender)
@Html.DropDownListFor(model => model.Gender, new[] { new SelectListItem() { Text = "女生", Value = "女生" }, new SelectListItem() { Text = "男生", Value = "男生" }, })
@* @Html.RadioButton("Gender", "男") 帅哥 @Html.RadioButton("Gender", "女") 美女 @Html.RadioButton("Gender", "保密", true) 保密*@
@Html.ValidationMessageFor(model => model.Gender)

举例二:

<tr>
<td style="text-align: right">他的最高身高:</td>
<td>
<select data-val="true" data-val-number="字段 年龄 必须是一个数字。" data-val-required="年龄 字段是必需的。" id="HightUl" name="HightUl">

<option value="0">请选择</option>

@for (int i = 163; i < 210; i++)
{
<option @(i == Model.HightUl ? "selected" : "") value="@i">@i</option>
}

</select>
</td>
</tr>

举例三:

  <tr>
            <td>班级:</td>
            <td>
                @Html.DropDownList("CId", ViewBag.classList as IEnumerable<SelectListItem>)

@*<select name="CID">
                @foreach (Class s in @ViewBag.classList as List<Class>) 
                {
                    if(s.CID == Model.CId){
                        <option selected value="@s.CID">@s.CName</option>
                    }else{
                        <option value="@s.CID">@s.CName</option>
                    }
                }
                </select>*@

            </td>
   </tr>
 
     控制器设置:
     List<SelectListItem> listClass = db.Classes.Where(c=>c.CIsDel==false).ToList()//先查询数据 并 转成 实体List集合
     .Select( c=> new SelectListItem() { Text = c.CName, Value = c.CID.ToString(), Selected = (stu.CId == c.CID) }).ToList();//将实体集合 转成 SelectListItem集合
     ViewBag.classList = listClass; 
 
 
 

MVC4中下拉菜单和单选框的简单设计方法的更多相关文章

  1. yii框架中的下拉菜单和单选框

    yii中的下拉菜单: 第一种: <?= $form->field($model, 'parent_id')->dropDownList(ArrayHelper::map($data, ...

  2. element-ui中下拉菜单中的@click事件不会触发的问题

    只需要将@click=“fun()”改为@click.native=“fun()”,即可监听下拉菜单的点击事件. 如图所示: 嗯,就酱~

  3. select 下拉菜单Option对象使用add(elements,index)方法动态添加

    原生js 的add函数为下拉菜单增加选项 1.object.add(oElement [, iIndex]) index 可选参数:指定元素放置所在的索引号,整形值.如果没有指定值,将添加到集合的最后 ...

  4. bootstrap中下拉菜单点击事件 uncaught syntaxerror unexpected end of input异常问题

    原代码: <ul class="dropdown-menu" role="menu"> <li><a href="jav ...

  5. JS获取单选框checked的value方法

    ; var obj = document.getElementsByTagName("input"); document.getElementById('gender').oncl ...

  6. DOM(十)使用DOM设置单选按钮、复选框、下拉菜单

    1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为t ...

  7. SpinnerViewPop【PopWindow样式(单选)、Dialog样式(单选+多选)的下拉菜单】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 对下拉菜单的文本区域和列表区域进行了封装.包括两种展现方式:popwindow(单选).dialog(单选+多选) 因为该封装需要在 ...

  8. Bootstrap框架(基础篇)之按钮,网格,导航栏,下拉菜单

    一,按钮 注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮. 框架中提供了基础按 ...

  9. 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件

    Bootstrap是当下流行的前端UI组件库之一.利用Bootstrap,可以很方便的构造美观.统一的页面.把设计师从具体的UI编码中解放出来.   Bootstrap提供了不少的前端UI组件.带下拉 ...

随机推荐

  1. Android Handler简单示例

    package com.firstapp.foo.firstapp; import android.os.Handler; import android.os.Message; import andr ...

  2. Wordpress更换编辑器

    这里我更换为KindEditor 1.下载插件 https://wordpress.org/plugins/kindeditor-for-wordpress/ 2.启动插件 3.在 设置 – Kind ...

  3. spring3 mvc:方法返回值的学习

    新建后台代码用以测试返回类型,在这里我新建的如下: /** * 项目名称:Spring3mvc demo * Copyright ? 2010-2012 spartacus.org.cn All Ri ...

  4. LightOj1383 - Underwater Snipers(贪心 + 二分)

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1383 题意:在平面图中,有一条河,用直线y=k表示,河上面(y>k)的都是敌方区 ...

  5. iOS7跳转AppStore地址

    跳转AppStore地址改变: 由 itms-apps://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews? ...

  6. nginx端口被占用解决方案

    killall -9 nginx或service nginx restart(重新启动)

  7. 使用pycharm远程调试python代码

    使用 pycharm 进行 python 代码远程调试 pycharm 的远程调试是从远程机器连接到本地机器,需要在远程机器的py文件中指定本地机器的IP和端口. 远程机器上,通过easy_insta ...

  8. poi导出Excel报表多表头双层表头、合并单元格

    效果图: controller层方法: /**     *      * 导出Excel报表     * @param request     * @return     *      */    @ ...

  9. Vue.2.0.5-混合

    基础 混合是一种灵活的分布式复用 Vue 组件的方式.混合对象可以包含任意组件选项.以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项. 例子: // 定义一个混合对象 var myMi ...

  10. java 部署服务报:Bad version number in .class file

    问题原因:服务器jdk版本和class文件的版本不一致,一般是服务器的jdk版本低于class文件的编译版本 解决方案:修改服务器的jdk