精华内容
下载资源
问答
  • layui中怎么设置select下拉框自动选中某项?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1、 需求场景分析用户需要更改某一项活动的信息,活动信息中包含需要用...

    layui中怎么设置select下拉框自动选中某项?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    da81c984db3a1ac79f3777eb4a2725ef.png

    1、 需求场景分析

    用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值。

    2、 Layui的select下拉框是怎么实现的

    为了获得一个select标配的下拉框,我们需要在html中填写的内容如下:

    * 发送对象:

    请选择

    华南理工大学大学城

    华南理工大学五山校区

    中山大学珠海校区

    中山大学大学城校区

    layui对以上html的渲染结果如何?

    c6038f9afb4d63d71b1880b0a180a342.png

    此处select可供选择的元素是通过ajax从后台请求获得的,需要根据动态结果决定选择哪一个。分析一下渲染结果的结构,得到dom树如下:

    779b98a22526ad9ebc8dfa4b700a857d.png

    发现在layui-input-inline之下除了select之外又多了个layui-form-select的div。该div包含layui-select-title和dl两个孩子元素,select的选择事件可以通过点击dl下某个确定的dd元素实现。

    3、 如何实现自动选择?

    通过以上的分析结果可以得知,我们只要拿到自己想要选择的内容所在的dd元素并对它触发点击事件,即可实现select加载时自动选择操作。

    首先需要使用lay-value来确定需要设置哪个元素自动选择var select = 'dd[lay-value=' + data.schoolId + ']';

    触发点击事件,实现自动选择$('#edit_exam_school').siblings("div.layui-form-select").find('dl').find(select).click();

    更多web前端知识,请查阅 HTML中文网 !!

    展开全文
  • 用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值。 2、 Layui的select下拉框是怎么实现的 为了获得...
  • 在Delphi中的下拉框怎么连数据库阿ADOConnection1,AdoQuery1,button1,combobox1 各一个。比如说点一下button1,将数据库内容填入到combobox1中1、AdoConnection1的ConnectionString设置一下2、AdoQuery1的Connection...
    在Delphi中的下拉框怎么连数据库阿
    ADOConnection1,AdoQuery1,button1,combobox1 各一个。 
    比如说点一下button1,将数据库内容填入到combobox1中 
    1、AdoConnection1的ConnectionString设置一下 
    2、AdoQuery1的Connection属性,选择AdoConnection1 
    3、procedure TForm1.Button1Click(Sender: TObject); 
    begin 
    with AdoQuery1 do 
       begin 
        close; 
        sql.clear; 
        sql.add('select distinct a from table'); 
        open; 
        combobox1.items.clear; 
        while not eof do 
        begin 
          combobox1.items.add(fieldbyname('a').asstring); 
          next; 
        end; 
    end; 
    end; 
    ---------------------------------------
    Fieldbyname的用法
    (teacherDM.loginAdoQuery.fieldByName('password').asString<>Trim(passwordEdt.Text))
    ---
    query1.append; 
    query1.fieldbyname('字段1').value := xxx; 
    query1.fieldbyname('字段2').asstring := xxxx; 
    query1.fieldbyname('字段3').asinteger := xx; 
    ... 
    query1.post;
     

    转载于:https://www.cnblogs.com/yplong/archive/2011/11/25/2263262.html

    展开全文
  • [code="java"] var emplyoees = new Ext.form.ComboBox({ id : 'emplyoees', fieldLabel: '人员', ...现在用Ext创建了一个下拉框怎么给这个下拉框设置默认值,就是说不选择的时候提交到服务器后它的值是0
  • jqgrid 的一列设置下拉框之后,怎么给这个列加上一个类似select的事件呢?效果如图,就是每次变更选择的时候可以触发那个事件,谢谢各位老板,我查了API可是没有找到这样的配置项![图片]...
  • 用JS实现下拉框选择城市的效果,原本没什么高深技术,但是同事遇到个问题:页面上需要两个下拉框,一个显示出差的起点城市,一个显示出差的终点城市,但是不论怎么设置预设值(就是预先设置好的可选城市列表),每次...

    一  遇到问题

    用JS实现下拉框选择城市的效果,原本没什么高深技术,但是同事遇到个问题:页面上需要两个下拉框,一个显示出差的起点城市,一个显示出差的终点城市,但是不论怎么设置预设值(就是预先设置好的可选城市列表),每次起点和终点都只能选到其中一个列表。

    举例:起点城市设置为:大理、敦煌、鄂尔多斯;终点设置为北京、重庆,运行后发现不论是起点还是终点都只能选北京、重庆。


    二  经过研究,问题解决

    经过研究,问题解决,直接贴代码,用JS实现双下拉框选择城市的效果,两个下拉框,分别选择两个不同的城市列表,城市列表可以动态设置,还支持按首字母分组,注释处就是在原著的基础上修改的内容,原著是另外的大牛写的,同事直接使用时遇到上述问题,我仅是在其基础上修改,感谢原作者。

    原文引自http://www.cnblogs.com/NNUF/archive/2012/07/13/2590877.html

    完整代码打包下载提供http://download.csdn.net/detail/xiangcns/9274417



    三  页面显示效果

    第一个下拉框:


    第二个下拉框:


    四  HTML文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Demo</title>
        <link rel="stylesheet" href="citySelector.css">
        <style type="text/css">
            .cityinput{
                border-width: 1px;
                border-style: solid;
                border-color: #666 #ccc #ccc #666;
                height: 24px;
                line-height: 24px;
                width: 175px;
                font-size: 12px;
                padding-left: 2px;
                background: url(http://img02.taobaocdn.com/tps/i2/T1EPyLXm0hXXXXXXXX-200-100.png) no-repeat 150px 5px;
                }
        </style>
    </head>
    <body>
    <input type="text" class="cityinput" id="citySelect" value="城市名">
    <br/>
    <input type="text" class="cityinput" id="citySelect1" value="城市名">
    <script src="citySelector.js" type="text/javascript"></script>
    <script type="text/javascript">
    	  var iString = ['大理|dali|dl', '敦煌|dunhuang|dh', '鄂尔多斯|eerduosi|eeds'];
        var test1=new Vcity.CitySelector({input:'citySelect'},iString);
        var jString = ['北京|beijing|bj','重庆|chongqing|cq'];
        var test2=new Vcity.CitySelector({input:'citySelect1'},jString);
    </script>
    </body>
    </html>


    展开全文
  • 第一步:添加下拉框, 1)选中数据----&gt;数据验证---&gt;数据验证 ...允许选择序列----&...来源填写你所想设置的值,用英文逗号分隔开,...2)选择使用公式确定要设置的单元格格式---&gt;填写格式=...

     

    第一步:添加下拉框,

    1)选中数据---->数据验证--->数据验证

    2)设置---->允许选择序列---->来源填写你所想设置的值,用英文逗号分隔开,点击确定下拉框就设置好了

    第二步设置下拉框的颜色

    1)选中要填充的列,然后点击开始---->条件格式----->新建规则

    2)选择使用公式确定要设置的单元格格式--->填写格式=$H1="是"---->格式,选择填充颜色,其中H1是下拉框所在的列""是下拉框的值,必须加上美元符号,可填充指定列,即可

    展开全文
  • Layui:设置select下拉框自动选中某项

    万次阅读 多人点赞 2018-03-04 17:30:28
    用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值。 2. Layui的select下拉框是怎么实现的 为了获得...
  • 浏览器保存密码有时会导致一些奇葩问题,比如本该填写数额的地方浏览器自作主张的给你填上了帐号,即使加载时清空,双击仍然会以下拉框的方式供你选择。所以最后我决定直接禁掉保存密码功能,实现起来却还是遇到了...
  • 回答: 1. Message MaPS选项卡 它是ClassWizard对话框中最重要的选项卡,主要完成创建新类、添加、删除消息处理函数等任务。... Class Info选项卡 该选项卡用于显示和设置当前选定类中的一些重要信息。
  • 如果我重复类型选择了按周重复,重复周期里面的下拉框隐藏掉,变成七个多选按钮,或许会占据两排三排,然后再往下的重复时间的位置会向下顺延,我总感觉,只要设置一个关联的消息传递就能做到…… 思路是:重复类型...
  • AutoPostBack 属性:用于设置或返回当用户在列表控件中选择一个项目时,是否发生自动回传到服务器的操作。 如果把该属性设置为 TRUE,则启用自动回传,否则为 FALSE。默认是 FALSE。 OnSelectedIndexChanged事件:...
  • 如题:怎么在ComboBox的下拉框中加入DhtmlXTree树形控件 tree.js Ext.onReady(function(){ tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0); tree.setImagePath("codebase/imgs/"); //提明树...
  • 通过Dom元素可以发现,官方Select选择下拉框是直接插入body标签中,与最外级div同级,所以在Vue中无论怎么写css都无法覆盖到下拉框样式。 仔细找了一下elementUI的官方文档,在这里要给select标签增加 :popper-...
  • 数据源:var aa:ArrayCollection=new ArrayCollection([{label:"1",data:1},{label:"...设置 selectedIndex 属性会取消选择当前选定的项目并选择指定索引位置的数据项目。 该值始终在...
  • 尝试:我根据官方文档设置了defaultValue,然而该值只是刚渲染页面时有用;...的值,就选点开下拉框选择其他值也没用; 希望有大神可以教下怎么通过其他元素的点击事件重置这个Select下拉框的值
  • ;max-height: 420px"> 序号 产品名称 规格 ...我的div设置的最大高度是420px,下拉菜单使用的ui-select,下拉菜单的数据内容高度是200px左右。为什么会导致触发外层div的滚动条。应该怎么解决呢
  • jquery怎么让select下拉框不可选?下面本篇文章来给大家介绍一下使用jquery让select下拉框不可选的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。在jquery中,设置select下拉框不可选,...
  • 大神这个软件怎么实现参数的下拉框,并且在下拉框中可以展现参数所对应的值,直接让用户去选择就好,我设置的下拉框下面没有设定的值,类似于做成参数枚举就好了,大神啊,求助啊
  • QComboBox控件在进行下拉选项选择时,会出现方形的虚线,让人看了很不自在。那么,这虚线怎么去掉呢? 方法一: 在QSS样式表里可以设置(推荐此方法) " QComboBox QAbstractItemView {" "border: 1px solid ...
  • 在WORD里,为章节设置下拉按钮,收起/展开章节内容?WORD里的内容分为第一章、第二章、第三章。每一章都有几页内容,想实现选择“自定义快速访问工具”,然后切换到“自定义功能区”,勾寻开发工具”。将它添加到所...
  • 清除eclipse下拉框路径

    2019-12-23 15:22:57
    打开eclipse软件的时候,如果没有设置默认工作空间,一般都会让用户选择一个工作空间如果存在多个空工作空间,可以通过下拉的方式选择某一个功能空间。 那么怎么清除多余的或者不用的路径? 1、找到eclipse安装位置...
  • 有时候我们只希望在Excel中的某个单元格中只允许输入某几个限定的数据,这时候我们就可能希望把该单元格设置成为下拉框的形式了,如下图所示: 下面就看看是怎么实现的吧. 1.我们选择一个单元格--数据--数据...
  • [code="java"] <tr> 请选择角色: ... 请选择部门: ...[color=red]我想通过<设置经办人>按钮把选中的两个下拉框值在点击按钮时传到指定的freeWorkFlowAction,请问各位大侠们怎么做?小弟急[/color]
  •  我们在使用Excel的时候,经常需要建立一些数据项目列表,方便快速选择输入数据,那么我们应该怎么设置下拉框呢?下面小编就带给大家具体操作步骤吧。  操作步骤:  打开电子表格,向其中添加下拉框。  ...
  • 有时候我们只希望在Excel中的某个单元格中只允许输入某几个限定的数据,这时候我们就可能希望把该单元格设置成为下拉框的形式了,如下图所示: 下面就看看是怎么实现的吧. 1.我们选择一个单元格--数据--数据有效...

空空如也

空空如也

1 2 3 4 5 6
收藏数 116
精华内容 46
关键字:

下拉框选择怎么设置的