精华内容
下载资源
问答
  •  下拉列表借助于boosrtap-selected框架实现需要到相关的文件,具体相关内容请查看完整代码  实现过程,为select标签绑定一个onchange()事件,onchange事件中用value()去拿取select的而不是用text()拿取文本...

        需求是这样的,要求在下拉框中选择一些人员名单,选中的第一人为小组组长,其余的为小组成员。

       下拉列表借助于boosrtap-selected框架实现需要到相关的文件,具体相关内容请查看完整代码

        实现过程,为select标签绑定一个onchange()事件,onchange事件中用value()去拿取select的值而不是用text()拿取文本值,也不是用选择器“select option:selected”获取已选择的项。代码如下

    <select class="selectpicker"  id="sel" id="sumyear" onchange="show()" multiple> 
             <option value="广东" id="opt">广东省</option>
            <option value="广西" id="opt">广西省</option>
            <option value="福建" id="opt">福建省</option>
            <option value="湖南" id="opt">湖南省</option>
            <option value="山东" id="opt">山东省</option>                            
      </select>
        <br>
     <textarea name="showNmae" id="showNmae" cols="30" rows="10"></textarea>

    js的onchange()代码如下

    function show(){
                    // var val=$("#sel option:selected").val()
                    var val=$("#sel").val();
                    
                    //判断是否为空
                    if(first=="" || val==""){
                        first=val; //将小组组长赋值或设置为空
                        name=val;   //将小组成员赋值或设置为空
                    }else{
    
                        if(!isInArray(val,first)){
                            
                            // 当先有小组组长没在数组中是,则将数组中的第一位设置为小组组长
    
                            // var len=val.lastIndexOf(",");
                            // console.info("第一个','的位置在:"+len)
                            // alert(val[0])
                            // first=val.substring(0,len)
    
                            first=val[0]
                            name=val
                        }else{
    
                        }
                        name=val;
    
                    }
                    // console.info("first的值:"+first)
                    // console.info("下拉列表数组的值"+val)
               
    
                }

    因为获取到的文本值是以数组形式存在,需要用循环遍历 方式遍历 查找小组组长是否还在选项当中,isInArray()代码如下,需要 传入两个参数,arr是需要传入的遍历的数组,即选中的小组成员名单,value为需要遍历查找的元素,即小组组长,返回结果类型为Boolean类型。如果存在则返回true,不存在则返回false。

         function isInArray(arr,value){
                    console.info("数组长度:"+arr.length)
                    for(var i = 0; i < arr.length; i++){
                        console.info("数组val["+(i+1)+"]的值:"+arr[i])
                        if(value == arr[i]){
    
                            return true;
                        }
                    }
                    return false;
                }

    最后将提取的信息打印到文本框当中

     $('textarea').text("小组组长:" +first+"\n小组成员:"+name); 

    到此大致内容完成,

    不过要注意的是,在小组组长没在数组中是,选则的小组组长是当前数组的第一位,并不是认为选择的第二位成员。

    完整代码如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/select/css/bootstrap-select.css">
        <title>Document</title>
    </head>
    <body>
        <select class="selectpicker"  id="sel" id="sumyear" onchange="show()" multiple> 
            <option value="广东" id="opt">广东省</option>
            <option value="广西" id="opt">广西省</option>
            <option value="福建" id="opt">福建省</option>
            <option value="湖南" id="opt">湖南省</option>
            <option value="山东" id="opt">山东省</option>                            
        </select>
        <br>
        <textarea name="showNmae" id="showNmae" cols="30" rows="10"></textarea>
        <script src="jquery/jquery.js"></script>
        <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
        <script src="bootstrap-3.3.7-dist/select/js/bootstrap-select.js"></script>
        <script src="bootstrap-3.3.7-dist/select/js/i18n/defaults-zh_CN.js"></script>
        <script>
            var first="";
            var name="";
            //判断小组组长是否还在数组当中
                function isInArray(arr,value){
                    console.info("数组长度:"+arr.length)
                    for(var i = 0; i < arr.length; i++){
                        console.info("数组val["+(i+1)+"]的值:"+arr[i])
                        if(value == arr[i]){
    
                            return true;
                        }
                    }
                    return false;
                }
                //下拉框的change事件
                function show(){
                    // var val=$("#sel option:selected").val()
                    var val=$("#sel").val();
                    
                    //判断是否为空
                    if(first=="" || val==""){
                        first=val;
                        name=val;
                    }else{
    
                        if(!isInArray(val,first)){
                            // var len=val.lastIndexOf(",");
                            // console.info("第一个','的位置在:"+len)
                            // alert(val[0])
                            // first=val.substring(0,len)
                            first=val[0]
                            name=val
                        }else{
    
                        }
                        name=val;
    
                    }
                    console.info("first的值:"+first)
                    console.info("下拉列表数组的值"+val)
                $('textarea').text("小组组长:" +first+"\n小组成员:"+name); 
    
                }
    
        </script>
    </body>
    </html>

     

    展开全文
  • MFC下拉列表数据顺序乱排解决方法

    千次阅读 2015-10-24 17:35:49
    MFC下拉列表数据在编译后和输入输入的数据顺序不对,如下图为编辑中的数据: 但是显示的时候效果如下: 这事我们不想要的效果。修正方法如下: 最终效果如下所示: ...

    MFC下拉列表数据在编译后和输入输入的数据顺序不对,如下图为编辑中的数据:

    但是显示的时候效果如下:

     

    这事我们不想要的效果。修正方法如下:

    最终效果如下所示:

    展开全文
  • jQuery下拉列表框操作和排序

    千次阅读 2015-01-04 14:09:38
    对标签中的option进行排序,option具有两个属性,一个是text一个是value ...PS:在用下拉列表框进行选中一个item时,用$(this).selected=true不如用 $(this).attr('selected',true)好,因为在某些情况下,

    对<select></select>标签中的option进行排序,option具有两个属性,一个是text一个是value

    由于text一般都是展示的内容,并不是我们想要进行的排序字段,而value是隐藏的。

    所以我们可以通过value来进行排序。

    PS:在用下拉列表框进行选中一个item时,用$(this).selected=true不如用

    $(this).attr('selected',true)好,因为在某些情况下,前者说不定就不起中用了的,

    我是有亲身体验的。

    排序js如下(引入jQuery)

    xx=$('#complete option').sort(function(a,b){  
        var aText = $(a).val();  
        var bText = $(b).val();  
        if(aText>bText) return 1;  
        if(aText<bText) return -1;  
        return 0;  
    }) ; 
    	$('#complete').empty();
    	$('#complete').append(xx);

    以下内容为copy过来的,留着自己以后看看...

    <script language="javascript">
            $(document).ready(function() {
            //绑定下拉框change事件,当下来框改变时调用 SelectChange()方法
            $("#selectID").change(function() { SelectChange(); }); 
            })
            function SelectChange() {
            //获取下拉框选中项的text属性值
            var selectText = $("#selectID").find("option:selected").text();
            alert(selectText);
            //获取下拉框选中项的value属性值
            var selectValue = $("#selectID").val();
            alert(selectValue);
            //获取下拉框选中项的index属性值
            var selectIndex = $("#selectID").get(0).selectedIndex;
            alert(selectIndex);
            获取下拉框最大的index属性值
            var selectMaxIndex = $("#selectID option:last").attr("index");
            alert(selectMaxIndex);
        }
    
        function aa() {
            //设置下拉框index属性为5的选项 选中
            $("#selectID").get(0).selectedIndex = 5;  
        }
        function bb() {
            //设置下拉框value属性为4的选项 选中
            $("#selectID").val(4);
        }
        function cc() {
            //设置下拉框text属性为5的选项 选中
             $("#selectID option[text=5]").attr("selected", "selected");
    
             $("#yyt option:contains('5')").attr("selected", true);
        }
        function dd() {
            //在下拉框最后添加一个选项
            $("#selectID").append("<option value='7'>7</option>");
        }
        function ee() {
            //在下拉框最前添加一个选项
            $("#selectID").prepend("<option value='0'>0</option>")
        }
        function ff() {
            //移除下拉框最后一个选项
            $("#selectID option:last").remove();
        }
    
        function gg() {
            //移除下拉框 index属性为1的选项
            $("#selectID option[index=1]").remove();
        }
    
        function hh() {
            //移除下拉框 value属性为4的选项
            $("#selectID option[value=4]").remove();
        }
        function ii() {
            //移除下拉框 text属性为5的选项
            $("#selectID option[text=5]").remove();
        }    
        </script>




    展开全文
  • Flask下拉列表与数据库同步

    万次阅读 2016-05-06 12:07:56
    使用下拉列表有两种情况, 第一种直接下拉选择设定的,然后将选择的读取存储。这种情况比较简单, 1.首先,在form.py中定义表单以及SelectField下拉列表 app\main\form.py class SmFormAdmin(Form): ...

    WTForms 对 HTML 表单控件 <select> 进行 SelectField 包装,从而实现下拉列表。

    使用下拉列表有两种情况,

    第一种直接下拉选择设定的值,然后将选择的值读取存储。这种情况比较简单,

    1.首先,在form.py中定义表单以及SelectField下拉列表

    app\main\form.py
    
    class SmFormAdmin(Form):
        status = SelectField('按类型查询',validators=[Required()] , choices=[('0', '全部'),('1', '待审核'),('2', '认证成功'),('3', '认证失败')]    )
        submit = SubmitField('Submit')
    SelectField 实例必须在其 choices 属性中设置各选项。选项必须是一个由元组组成的列表, 各元组都包含两个元素:选项的标识符和显示在控件中的文本字符串。

    2.在路由中读取表单的值,直接使用或者存入数据库

    app\main\views.py
    
    @main.route('/sm_admin', methods=['GET', 'POST'])
    @login_required
    def sm_admin():
        user = User.query.filter_by(email=current_user.email).first()
        if user.user_role > 0:
            <strong>form = SmFormAdmin()</strong>
            if request.method == 'POST':
                if form.validate_on_submit():
                    <strong>sm_status = form.status.data</strong>      #从表单中读取选择的值
                    
    .........................这里直接使用了读取的值,使用过程省略
                    return render_template('sm_admin.html', result=result, form=form, pagination=pagination)
            return render_template('sm_admin.html', form=form)
    
        else:
            return redirect(url_for('.index'))

    第二种需要同步数据库,比如学生填资料信息时,下拉列表的学院应该是数据库中学院表里的数据。

    1.数据模型定义如下:

    app\models.py

    class Department(db.Model):
        __tablename__ = 'departments'
        id = db.Column(db.Integer, primary_key=True)
        department = db.Column(db.String(100))
    
    
    
    <pre name="code" class="python">user_department = db.Table('user_department',
        db.Column('user_id', db.Integer, db.ForeignKey('users.id'), primary_key=True),
        db.Column('department_id', db.Integer, db.ForeignKey('departments.id'), primary_key=True)
    )

    class User(UserMixin, db.Model): __tablename__ = 'users' id = db.Column(db.Integer, primary_key=True) ...................................其他列省略 departments=db.relationship('Department', secondary=user_department, backref=db.backref('users',lazy='dynamic'), lazy='dynamic')

     
    
    在这里学生因为可以转学院,而且学院所以学生和学院是多对多的关系,一般的学生与学院应该是多对一的关系比较简单。(多对多关系后面会有介绍

    2.定义表单,需要在初始化函数中对choices赋值

    app\main\form.py
    
    class SmForm(Form):
    
     ................................其他表单类型省略
        pre_department = SelectField('原学院:', coerce=int)
        cut_department = SelectField('现学院:', coerce=int)
       
        submit = SubmitField('Submit')
    
    
       <strong> def __init__(self, user, *args, **kwargs):
            super(SmForm, self).__init__(*args, **kwargs)
            self.pre_department.choices = [(pre_department.id, pre_department.department)
                                 for pre_department in Department.query.order_by(Department.department).all()]
            self.cut_department.choices = [(cut_department.id, cut_department.department)
                                 for cut_department in Department.query.order_by(Department.department).all()]
           
            self.user = user</strong>

    choices 列表在表单的构造函数中设定,其值从 Department 模型中获取,使用一个查询按照学院id顺序排列所有学院,元组中的标识符是学院的 id,因为这是个整数,所以在 SelectField 构造函数中添加 coerce=int 参数,从而把字段的值转换为整数。


    3.编写路由函数。

    由于原来路由函数很复杂,就不贴上来了,只贴关键几句了:

    @main.route('/sm', methods=['GET', 'POST'])
    @login_required
    @main.errorhandler(404)
    def sm():
        user = User.query.filter_by(email=current_user.email).first()
        form = SmForm(user)
    <pre name="code" class="python">    if form.validate_on_submit():
    ....................................省略其他
    <pre name="code" class="python">        <strong>user.departments.append(Department.query.get(form.pre_department.data))
            user.departments.append(Department.query.get(form.cut_department.data))</strong><pre name="code" class="python">        db.session.add(user)
            db.session.commit()
            flash('您已提交实名认证申请')
            return redirect(url_for('.sm_success'))
        return render_template('sm.html', form=form)

     
    
     
    
     
    

    展开全文
  • 设置层容器的背景颜色Raycast Target :是否接受射线检测二、自动布局当我们需要在容器中若有多个控件若果我们自己手动的排列顺序非常的麻烦,在Unity中给我们提供了几种排序的功能。1、水平布局与垂直布局
  • Microsoft Word makes it easy for you to alphabetize text, whether that text is on itsown, in a list, or part of a table.... Microsoft Word使您可以轻松地按字母顺序排列文本,无论文本是独立的,在...
  • select下拉框value和option的取值顺序

    千次阅读 2013-07-24 22:11:55
    select option  value--option中的
  • 在表单中使用下拉列表似乎不是什么很费劲的事情,它们在用户界面上占用的空间不大,可自动验证输入,支持所有的浏览器和各平台。而且实现起来简单方便,用户对其也足够了解。 同时,根据Luke Wroblewski和其他...
  • 最近,有数据粉提出这样的需求:他希望在使用筛选器过程中,筛选器中的筛选内容可以按需设定它们的排列顺序。 如下示例,原本上海在中间位置,设置后将上海方在最前面位置。 在 Tableau 中,自定义筛选器的筛选...
  • excel按拼音顺序排序If you have a large number of worksheets in your Excel workbook, it may be hard to find a specific worksheet. Sorting your worksheet tabs alphabetically would make it easier to find...
  • excel下拉菜单vba 在Excel下拉菜单中显示警告 (Show Warning in Excel Drop Down) With Excel's data validation, you can show a drop down list of items in a cell. You can even create "dependent" drop downs....
  • 小甲鱼零基础入门学习python笔记

    万次阅读 多人点赞 2019-08-14 11:06:30
    一个打了激素的数组 011列表:一个打了激素的数组2 012列表:一个打了激素的数组3 013元组:戴上了枷锁的列表 014字符串:各种奇葩的内置方法 015字符串:格式化 016 序列!序列! 017函数:Python的乐高积木 018 ...
  • 按字母顺序排列的标签列表 标签 描述 4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素 定义注释 4 5 定义文档类型 4 5 定义超链接 4 5 定义缩写 4 5 ...
  • 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript">... var math = do
  • 右键单击要设置格式的字段,然后选择“默认属性”>“排序”
  • Postman

    千次阅读 2019-07-10 22:06:29
    选择语言:使用下拉菜单选择语言 - 某些语言有多个选项。这可以让您选择不同的框架来提出请求。 Language Framework HTTP None (Raw HTTP request) ...
  • android下拉菜单If you swipe down from Android’smenu bar twice, you’ll get a nice panel of quick settings you can toggle with one tap. Want to hide some of these settings, move them around, or add ...
  • 前端面试题

    万次阅读 多人点赞 2019-08-08 11:49:01
    完成函数showImg(),要求能够动态根据下拉列表选项变化,更新图片的显示 71 截取字符串abcdefg的efg 72 列举浏览器对象模型BOM里常用的至少4个对象,并列举window对象的常用方法至少5个 72 简述列举文档对象...
  • 测试开发笔记

    万次阅读 多人点赞 2019-11-14 17:11:58
    进销存价格 127 2.5.Windows文件命名 127 总结 128 边界 129 第十四章 系统测试执行 129 测试环境搭建文档: 130 用例执行: 130 填BUG报告: 130 第十五章 QC(Quality Center) 131 QC后台: 133 QC前台: 134 ...
  • C#基础教程-c#实例教程,适合初学者

    万次阅读 多人点赞 2016-08-22 11:13:24
    其中,关键字class、类名和类体是必须的,其它项是可选项。类修饰符包括new、public、protected、internal、private、abstract和sealed,这些类修饰符以后介绍。类体用于定义类的成员。 1.3.2 类成员的存取控制 一般...
  • TensorFlow入门

    千次阅读 多人点赞 2019-04-23 10:09:29
    Name代表的是张量的名字,也是张量的唯一标识符,我们可以在每个op上添加name属性来对节点进行命名,Name的表示的是该张量来自于第几个输出结果(编号从0开始),上例中的“mul_3:0”说明是第一个结果的输出。...
  • 关于下拉刷新,上拉加载在官方文档已经有了比较详细的说明,这里只说一下实际使用是需要注意的地方。 官方下拉刷新:http://dev.dcloud.net.cn/mui/pulldown/ 官方上拉加载:http://dev.dcloud.net.cn/mui/pullup/...
  • JavaScript入门学习笔记

    万次阅读 2020-06-16 15:01:01
    var arr = [1,2,....] 注: 数组的长度会自动扩展 数组中元素的默认值为undefined 使用length属性来获取到数组的宽度 5.2 常用方法 方法 描述 sort() 排序,默认按字符编码的顺序排列,非string类型会自动转换...
  • 具有TreeView下拉控件的ComboBox没错,如标题所说的那样,在下拉框中是一个TreeView,但是,为什么我们需要这样的控件?事实上这样的需求我已经遇到很多次了,比如适用于: 当遇到层次结构的数据 让用户选择树上...
  • 下拉菜单有许多优点:它节省屏幕空间不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都熟悉其使用方法。。它还可以有效帮助用户缩小选择范围,转换屏幕空间并防止错误的数据输入。 然而,下拉菜单又...
  • 定义下拉列表中的选项。 定义输出的一些类型。 定义段落。 为对象定义参数。 定义预格式化文本。 定义任何类型的任务的进度。 定义短的引用。 定义若浏览器不支持 ruby 元素显示...
  • 按字母顺序排列的标签列表 标签 描述   定义注释 4 5 定义文档类型 4 5 定义超链接 4 5 定义缩写 ...
  • 最初设计,使平滑的单页加载/保存功能,分类保存在下拉列表中的一切,你猜对了,按字母顺序排列。 可以简单地进行修改,以工作任何类型的布局(有序列表只是为例子更容易)。 function insert(){ var name = $(...
  •  和一般的下拉菜单不同处在于下拉的内容可以按照需求设置为1行2个,注意一点就是顺序是在table里面用td设置的,如果是数据库读取的话要先取得记录数后计算左右2列的数量 演示     XML/HTML Code &...
  • excel自定义排序出错 使用Excel自定义列表按您的方式进行排序 (Sort It Your Way With Excel Custom Lists)You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sort an Excel ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,235
精华内容 3,294
关键字:

下拉列表选项的值排列顺序