精华内容
下载资源
问答
  • 我想实现这样的一个功能,如图 [img]/upload/attachment/117476/47bf73af-3d25-3039-a53c-d86b226591f2.jpg[/img] 代码应该怎么写???? 重酬!!!谢谢
  • 这时应该从数据库取出该用户需要显示在页面的字段,封装成User对象,前台据此给相关标签上默认值(此时如果加reset按钮,它就不是重置了,而是给资料页恢复默认设置),但是下拉框的值怎么绑定后台传过来的相应...
    • 需求:通常用户修改资料页面会加载它现有的值,这时应该从数据库取出该用户需要显示在页面的字段,封装成User对象,前台据此给相关标签写上默认值(此时如果加reset按钮,它就不是重置了,而是给资料页恢复默认设置),但是下拉框的值怎么绑定后台传过来的相应数据呢?
    • 演示:get传参,动态选中
      这里写图片描述
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>下拉框怎么动态绑定selected</title>
    <script type="text/javascript" src="jquery/jquery-1.12.4.js"></script></head>
    <script>
        $(function(){
            $("option").each(function(i,op){
                if($(op).val() == $("#city").attr("data"))
                    op.selected = true;
            });
        });
    </script>
    <body>
    <div><input type="text" placeholder="账户" value="${param.user }"/></div>
    <div><input type="password" placeholder="密码" value="${param.pwd }"/></div>
    <select id="city" data="${param.city }">
        <option>==选择城市==</option>
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
        <option value="sz">深圳</option>
    </select>
    </body>
    </html>
    展开全文
  • 下拉框怎么绑定数据

    2019-06-10 09:42:37
    大家平时对下拉框并不陌生吧,平时我们的收索某些东西都有下拉框的存在,我们平时在淘宝啊,一些界面的登录和对一些条件...上主要的页面搭建代码 ----请选择---- 可能有人会想多些几个< option >,< sel...

    大家平时对下拉框并不陌生吧,平时我们的收索某些东西都有下拉框的存在,我们平时在淘宝啊,一些界面的登录和对一些条件的筛选,还有一些表格数据的显示都用到这个下拉框,它被使用的很频繁,那么问题来了,那些下拉框显示的数据从那里来呢?现在然我们开始吧

    首选用MVC创建一个控制器添加视图

    写上主要的页面搭建代码

    ----请选择----

    可能有人会想多些几个< option >,< select >里面的下拉框内容不就出来了吗,我们现在做的是吧数据库里面的数据绑定到这个下拉框里面,而不是这种

    搭建好之后我们就去控制器那里写查询代码了

    首先要导入数据库这里就不详细教了,不会的可以去查一下怎么导入

    然后要在get下面实例化你导入的那个数据库, myModel自定义的名字, ExerciseEntities 你导入数据库的名字

    在这里插入图片描述

    public ActionResult SelectHappyType()

    {

    var listHappyType = from tbHobbyType in myModel.Exercise

    select new

    {

    id =
    tbHobbyType.ExerciseID,

    text
    = tbHobbyType.ExerciseName

    };

    return Json(listHappyType,
    JsonRequestBehavior.AllowGet);

    }

    var listHappyType = from tbHobbyType in myModel.Exercise

    from从哪里查你的数据

    select new里面就是你要查询的内容

    return Json(listHappyType,
    JsonRequestBehavior.AllowGet);这个里面的listHappyType就是你要返回的内容

    查询好了之后我们在转到视图这边写它的代码

    现在开始绑定它的数据

    $(function () {

    var layer, layuiTable;//保存layui模块以便全局使用

    appendOption(“sltHobby”, “SelectHappyType”);

    //模态窗体中的学院下拉框

    })

    首先加载你的插件,然后写下面的事件

    function appendOption(id,
    url) {

    $.getJSON(url,
    function (data) {

    $("#" + id).empty(); // 清空

    $("#" + id).append(’----请选择----’);

    $.each(data,
    function (i) {

    var str = ‘’ + data[i].text + ‘’;

    $("#" + id).append(str);

    });

    });

    }

    appendOption就是绑定数据的JS方法,然后发别传入ID和URL,URL就是你在控制器里面写的方法,完成之后就可以启动,结果就出来了

    在这里插入图片描述

    效果图附上

    在这里插入图片描述

    数据库的数据

    展开全文
  • 这几天在做项目时,遇到在添加页面用做的下拉框,在修改页面不知道怎么调用形成下拉框。所以查了百度,找到以上方法,整合了一下,根据自己的情况,试着了一下,代码中的INFORMATION是model类。 因为楼主用的...

    这几天在做项目时,遇到在添加页面用<select>做的下拉框,在修改页面不知道怎么调用形成下拉框。所以查了百度,找到以上方法,整合了一下,根据自己的情况,试着写了一下,代码中的INFORMATION是model类。

    因为楼主用的数据库优先,所以是在Controller中定义的类。

    Controller代码为:

    public class SelectInfo
            {
                public static List<SelectListItem> GetSelectList()
                {
                    List<SelectListItem> selectList = new List<SelectListItem>(){
                        new SelectListItem(){Value="Enable",Text="启用"},
                        new SelectListItem(){Value="Disable",Text="禁用"}
                    };
                    return selectList;
                }
            }
    Controller中的添加代码:
    public ActionResult Add()
            {             
                ViewBag.Options = SelectInfo.GetSelectList();
                return View();
            }
            [HttpPost]
            public ActionResult Add(FormCollection from)
            {             
                    string time = System.DateTime.Now.ToString();
                    INFORMATION addToInfo = new INFORMATION();                
                    addTo.TITLE = from["information_title"];
                    addTo.CONTENT = from["information_content"];
                    addTo.USER_NAME = Session["username"].ToString();
                    addTo.UP = DateTime.Parse(time);
                    addTo.TYPE = from["type"];
                    db.LRS_INFO_MGT.Add(addToInfo);
                    db.SaveChanges();
                    return Content("<script>alert('添加成功。');window.location.href='/Information/InfoIndex'</script>");
                }
            }
    View中的添加页面:

    <td width="10%"><p align="right">是否启用:</td>
    		<td colspan="3"><p align="left">
                @Html.DropDownListFor(model=>model.TYPE,ViewBag.Options as IEnumerable<SelectListItem>)
                @Html.ValidationMessageFor(model=>model.TYPE)
                            </td>
    	</tr>

    Controller中的修改代码:
    </pre><p><pre name="code" class="csharp">public ActionResult Edit(decimal id)
            {
                INFORMATION info = (from a in db.INFORMATION
                                     where a.INFORMATION_ID == id
                                     select a).FirstOrDefault();
                if (info == null)
                {
                    return HttpNotFound();
                }
                
                ViewBag.Options = SelectInfo.GetSelectList();
                return View(info);
            }
    
            [HttpPost]
            public ActionResult Edit(INGORMATION info)
            {
                if (!ModelState.IsValid)
                {
                    return View();
                }
                else
                {
                    db.Entry(info).State = EntityState.Modified;
                    db.SaveChanges();
                    return Content("<script>alert('修改成功。');window.location.href='/Information/InfoIndex'</script>");
                }
    
            }

    
    

    View中的修改页面:

    <td width="10%"><p align="right">是否启用:</td>
    		<td colspan="3"><p align="left">
                             @Html.DropDownListFor(model=>model.TYPE,ViewBag.Options as IEnumerable<SelectListItem>)
                             @Html.ValidationMessageFor(model => model.TYPE)
                            </td>
    	</tr>

    做完以上之后,就能实现:下拉框(启用、禁用),当你在添加页面添加时,若选择了”禁用“;修改页面就能显示“禁用”。

    提示:若在添加页面,不能用强类型。那么就用<select>标签,例如:

    <div class="font4 float-l name"><span style="font-family: Arial, Helvetica, sans-serif;">是否启用</span><span style="font-family: Arial, Helvetica, sans-serif;">:</span>
                                 <select name="type" >
                                   <option value="Enable">启用</option>
                                   <option value="Disable">禁用</option>                              
                                 </select> </div> 
    这样只要把value的值对应好,修改也不会出错。

    展开全文
  • 我只出来了只有少数图片才可以用的,但如果图片多了我的那种就很麻烦了,我想知道图片多的时候该怎么做。我的如下://加载...我只出来了只有少数图片才可以用的,但如果图片多了我的那种就很麻烦了,我想...

    我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想知道图片多的时候该怎么做。我写的如下://加载...

    我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想知道图片多的时候该怎么做。我写的如下:

    //加载时先隐藏图片

    function Load(){

    document.getElementById("divImg1").style.display="none";

    document.getElementById("divImg2").style.display="none";

    document.getElementById("divImg3").style.display="none";

    document.getElementById("divImg4").style.display="none";

    }

    //显示图片的函数

    function changePic(){

    var name=document.form.Name.value;

    var pic1=document.getElementById("divImg1");

    var pic2=document.getElementById("divImg2");

    var pic3=document.getElementById("divImg3");

    var pic4=document.getElementById("divImg4");

    if(name=="我......"){

    pic1.style.display="block";

    pic2.style.display="none";

    pic3.style.display="none";

    pic4.style.display="none";

    }

    else if(name=="你......"){

    pic1.style.display="none";

    pic2.style.display="block";

    pic3.style.display="none";

    pic4.style.display="none";

    }

    else if(name=="她......"){

    pic1.style.display="none";

    pic2.style.display="none";

    pic3.style.display="block";

    pic4.style.display="none";

    }

    else if(name=="他......"){

    pic1.style.display="none";

    pic2.style.display="none";

    pic3.style.display="none";

    pic4.style.display="block";

    }

    else{

    pic1.style.display="none";

    pic2.style.display="none";

    pic3.style.display="none";

    pic4.style.display="none";

    }

    }

    精美人物图片选择
    你要选择一张图片喔

    --选择人物

    我......

    你......

    她......

    他......

    展开

    展开全文
  • !... ``` ... '<td>'+(count+1)+ ... '<option value="" selected="selected" > <fmt:message key="approvalFlowSetApplication.choose"/></option>'+ ... +'(count)+' src=... 请各位 大神帮帮忙 代码怎么写
  • tproductdetail中的SPEC1ID(外键)值对应的是tspc的主键ID值,tproductdetail中的SPEC2ID(外键)值对应的是tspc的主键ID值,现在我想在jsp页面中的下拉框中查出tproductdetail的外键值,mybatis查询代码怎么写?...
  • 对于公用的下拉框字段的话,可以在数据库中创建表,然后进行关联查询或者子查询,也可以使用枚举类的方式,在数据库表中保存Integer或者Long类型的整数,但是相比较而言,在数据库创建表的话,代码量少,只需要在XML...
  • 业务场景是这样,选择付款项关联材料:接口返回的数据是这样的,怎么选择items中的name后,把此条数据的item放在材料选项里:这是弹框代码:取 消确 定确 定这是获取接口函数,typesContractData是付款项的数组,...
  • 前端script怎么简写下拉框页面 ``` $(document).ready(function(){ if (location.href.indexOf("aaa.html") > 0){ $('#aaa').parent('ul').removeClasee(...); # 重复1 $('#aaa').parent('ul')....
  • 选择自 PPLUNCLE 的 Blog 部分代码:------aspx页面:<tr><td><select id=“job“ name=“job“ runat=...说明:下拉框必须成上面的形式,用<asp:dropdownlist....>不能实现------cs页面:us...
  • 而且下拉框里的值也不是死在代码里的,这种情况应该怎么去定位并选中下拉框里的值呢?? <p><img alt="" height="668" src=...
  • 本期问题如下图:解答:首先说在脚本运行中没有哪个命令是直接控制这个的,那么就要考虑别的方式。界面所有的配置内容都是存放在固定文件中的。这个要分两种情况:(1)调试时:...下面已调试为例,代码如下:Dim 路径...
  • 展开全部两种方案一个是用JavaScript,一次性将两个select的数据e68a84e8a2ad...需编写对应的javascript代码,且无法反映实时数据第二种方案是每次都提交,进行联动,优点,能反映数据库实时数据信息,无须...
  • vue-element怎么给select下拉框赋值?

    千次阅读 2020-10-10 13:30:32
    看文档真的是一件非常快乐的事情,看别人代码,再跟自己代码一对比,立刻会发现有很多不同的地方,也可以学到很多新技能,从最简单的阅读学习起来,今天看的是select下拉框相关的。 资料相关 星星指数:star...
  • 我看了 kissygallery 的组件,有一个模拟下拉菜单的 [url]http://gallery.kissyui.com/simulate-select/1.0/demo/index.html[/url],这是它的 demo。它可以实现点击空白处,使下拉框消失。...代码应该怎么写呢?
  • MVC 实现下拉框

    2018-08-16 17:41:00
    MVC动态实现下拉框的方式有很多种,但是...1.先看看视图代码怎么写的 <div class="form-group col-xs-12 col-sm-8 col-md-8"> <label class="control-label">这是一个下拉框:</label> @Ht...
  • 之前弄了个觉得这个下拉框已经稍微能满足美观需求了,这个是点出来的效果,了键盘的方向键,回车,esc等 事件, 并且能根据页面的底部距离判断是否向上展示今天弄了个联动的,顺便贴部分代码效果预览:以下代码...
  • 比如下面:(我想根据下拉框的选项自动生成代码(2个字母和4个数字的结合),应该怎么写js) 代号:<input type="text" id="text1" name="text1"><br> 类别: 水果">水果 电器">电器 ...
  • 怎么样给下拉框加载背景色..

    千次阅读 2004-06-24 14:34:00
    效果图如下 部分代码:------aspx页面: 说明:下拉框必须成上面的形式,用不能实现------cs页面:using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Data....
  • 我想第一次选择之后,以后就不能再更改了,也就是下拉框只能选择一次,这个用js怎么实现,具体代码,谢谢 渠道选择 <option value="app" >APP 网站 纸媒 杂志 ...
  • 考虑到每个人用的时候用的对象数组结构不同我预留了两个字段,做自定义(可不),怎么样是不是很强大。 actualvalue:下拉框实际值, showvalue:下拉框显示值 代码我发布到github了代码地址:...
  • QTP中用写代码的方式拉框里的值怎么选定,系统里有个鼠标放上去就出现下拉框的功能,怎样选定下拉框里的一个选项,点击跳到对应的页面
  • 重复周期内容变化了,作出对应代码改变,然后传递消息给下一个重复时间的事件……这样依次传递依次修改,而不是做在同一个事件里面,应该怎么写代码? 可我就是做不到…… 求助: `// DATADlg.cpp : 实现文件 ...
  • 自己的一个Ajax连动下拉框

    千次阅读 2006-04-05 14:14:00
    代码就真的不怎么样,看了都不太爽,之后再改掉.转贴请注明原著,谢谢.ajax比较省系统资源.因为这样总比反复的DB request好得多.先顶着了.本来这个还有个和web-service,但出于个人原因,就只放出读取XML的例子xml 部分:...

空空如也

空空如也

1 2 3 4 5
收藏数 94
精华内容 37
关键字:

下拉框代码怎么写