asp.net MVC4 表单 - 下拉框

1、下拉框代码方式

控制器内构建下拉项目:

            List<SelectListItem> list = new List<SelectListItem>();
            list.Add(new SelectListItem() { Text = "计算机", Value = "computer" });
            list.Add(new SelectListItem() { Text = "数学", Value = "math" });
            ViewData["deptName"] = list;

视图中:

 <p>所属部门:@Html.DropDownListFor(m => m.deptName, ViewData["deptName"] as List<SelectListItem>)</p>

2、下拉框数据库方式

控制器内通过数据库构建下拉项目:

ViewData["AreaId"] = from a in rp.GetArea()
                               select new SelectListItem {
                               Text=a.AreaName,
                               Value=a.AreaId.ToString()
                               };

试图中:

 <p>所属区域:@Html.DropDownListFor(m => m.AreaID, ViewData["AreaID"] as List<SelectListItem>)</p>

  

时间: 2024-08-05 22:21:31

asp.net MVC4 表单 - 下拉框的相关文章

ASP.NET——实现两个下拉框动态联动

引入: 在网页中,我们经常会遇到下图中的情况.首先在下拉框中选择所在的省,选择之后,第二个下拉框会自动加载出该省中的市.这样设计极大的方便了用户的查找.那这是如何实现的呢? 1.建立数据库 "省"表 "市"表 2.添加控件 3.两个下拉框分别绑定数据源 protected void Page_Load(object sender, EventArgs e) { //判断是否第一次进入页面,如果是,则绑定数据库:如果不是,则无需绑定. if (!this.IsPost

Asp.net绑定带层次下拉框(select控件)

1.效果图 2.数据库中表数据结构 3.前台页面 <select id="pid" runat="server"> <option value="0" data="|0|">不选父级类</option> </select> 备注:查看源代码 4.后台代码 using System; using System.Data; using System.Web.UI.WebControl

JQuery和ASP.NET分别实现级联下拉框效果

在学习JQuery之前知道下拉框的级联效果可以通过asp.net控件实现,现在学习了JQuery,知道了JQuery和select也能实现.我分别举两个小例子说明这两种方法如何实现. 1.用JQuery和select来实现汽车厂商和汽车类型的联动 效果图:       逻辑分析图: html代码: [html] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

asp.net MVC4 表单 - CheckBox兴趣爱好

1.Model层定义属性 public class vmUser { public string userName { get; set; } public string sex { get; set; } public int? age { get; set; } public DateTime? enrollDate { get; set; } public string deptName { get; set; } public Dictionary<string,bool> skill

行内表单 在统一行显示搜索框 下拉框 按钮

05===> 在同一行显示 搜索表单 下拉框表单 搜索按钮 清空按钮 使用了[行内表单] inline 属性可以让表单域变为行内的表单域 (让表单显示在同一行) <el-form ref="formInline" :inline="true" :model="formInline" class="demo-form-inline"></el-form> demo-form-inline是自带的 f

分类编码下拉框选择自动带出分类名称

<asp:TableCell> <ig:WebDropDown runat ="server" ID="txtClassNo" Width ="200" OnSelectionChanged="webDropdownOnchange" EnableClosingDropDownOnSelect="true" AutoPostBack="true" ></ig

struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")

Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.

表单验证以及下拉框应用

<!DOCTYPE html><html><head> <title>下拉框应用</title> <style type="text/css"> .container{ width:500px; margin:0 auto; border: 1px solid #666; padding: 10px; overflow: hidden; } .content{ overflow: hidden; } .select