精华内容
下载资源
问答
  • 如何获取下拉列表框

    千次阅读 2020-03-23 12:23:31
    分别使用javascript原生的方法和jquery方法 text1 text2 code: 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById... //拿到选中项的 3:alert(options.text()); //拿到选中项的文本
    分别使用javascript原生的方法和jquery方法
    <select id="test"  name="">   
      <option   value="1">text1</option>   
      <option   value="2">text2</option>   
    </select>
    code:
    一:javascript原生的方法
      1:拿到select对象: var  myselect=document.getElementById("test");
      2:拿到选中项的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是所选中项的index
      3:拿到选中项options的value:  myselect.options[index].value;
      4:拿到选中项options的text:  myselect.options[index].text;
    
    二:jquery方法(前提是已经加载了jquery库)
    1:var options=$("#test option:selected");  //获取选中的项
    2:alert(options.val());   //拿到选中项的值
    3:alert(options.text());   //拿到选中项的文本
    展开全文
  • layui 下拉列表框获取

    千次阅读 2019-03-14 09:43:51
    $.each(data, function (index, item) { $('#selectLineStart').append(new Option(item.sta_name, item.id)); }); layui.form.render("select"); //刷新表单select选择渲染 } } }); 编辑时: ...

    新增时:


    <div class="layui-form-item">
        <label class="layui-form-label"><em class="require-mark">*</em>嗯嗯嗯</label>
        <div class="layui-input-block">
            <select id="selectLineStart" name="busLineInfo.lineStart" lay-filter="required"
                    placeholder="" value="" required lay-verify="required" autocomplete="off">
                <option></option>
            </select>
        </div>
    </div>

     

    layui.use(['form', 'layer', 'laydate'], function () {
        var laydate = layui.laydate;
    
        // 操作对象
        var form = layui.form
            , layer = layui.layer
            , $ = layui.jquery;
        //选择嗯嗯嗯
        util.sendAjax({
            type: 'POST',
            url: '#(ctxPath)/lineManager/line/findStaName',
            dataType: 'json',
            notice: false,
            success: function (resp) {
                if (resp.code == 0) {
                    var data=resp.data;
                    $.each(data, function (index, item) {
                        $('#selectLineStart').append(new Option(item.sta_name, item.id));
                    });
                    layui.form.render("select"); //刷新表单select选择框渲染
                }
            }
        });

    编辑时:

    <div class="layui-form-item"> <label class="layui-form-label"><em class="require-mark">*</em>嗯嗯</label> <div class="layui-input-block"> <select id="selectLineStart" name="busLineInfo.lineStart" lay-filter="required" placeholder="嗯嗯" value="#(busLineInfo.lineStart ??)" required lay-verify="required" autocomplete="off"> </select> </div> </div>

    util.sendAjax({
        type: 'POST',
        url: '#(ctxPath)/lineManager/line/findStaName',
        dataType: 'json',
        notice: false,
        success: function (resp) {
            if (resp.code == 0) {
                var data=resp.data;
                $.each(data, function (index, item) {
                    var aaa=$("#selectLineStart");
                    if (item.id=="#(busLineInfo.lineStart)"){
                        $('#selectLineStart').append(new Option(item.sta_name, item.id,false,true));
                    } else{
                        $('#selectLineStart').append(new Option(item.sta_name, item.id));
                    }
    
                });
                layui.form.render("select"); //刷新表单select选择框渲染
            }
        }
    });

     

    展开全文
  • Access-控件解析-列表框-02-获取选项

    千次阅读 2018-08-25 19:50:05
    微信公众号原文 系统:Windows 7 ...本篇介绍的控件为:列表框。涉及功能为:后台获取用户的选择项 UI界面存在大量与用户互动的部分,根据客户不同的选择展现不同的信息 功能动图 静图 Part 2:...

    微信公众号原文

    系统:Windows 7
    软件:Excel 2010 / Access 2010

    • 这个系列介绍常用的控件
    • 包括在界面端的设置及在代码端的实现

    Part 1:本篇目标

    1. 本篇介绍的控件为:列表框。涉及功能为:后台获取用户的选择项
    2. UI界面存在大量与用户互动的部分,根据客户不同的选择展现不同的信息

    功能动图
    1.gif

    静图
    3.png

    Part 2:代码

    控件关联代码

    Private Sub 获取姓名信息_Click()
        frmName = Me.Name
        ctrlName = "List0"
        colNum = 1
    
        x = 获取列表框选项(frmName, ctrlName, colNum)
        MsgBox "选择姓名为:" & x
    
    End Sub

    核心函数:获取不同列,改变colNum值即可

    Function 获取列表框选项(frmName, ctrlName, colNum)
        Rem>>单选识别
        Rem>>
        Dim frm
        Dim ctrl
        Dim chooseRow
    
        Set frm = Forms(frmName)
        Set ctrl = frm.Controls(ctrlName)
        chooseRow = ctrl.ListIndex 'listIndex 计数不包括标题行
    
        'ListBox.Column(Index, Row),Index表示列信息,Row表示行信息,都是从0开始
        If chooseRow >= 0 Then
            获取列表框选项 = ctrl.Column(colNum - 1, chooseRow + 1)
        Else
            获取列表框选项 = "未选中"
        End If
    
    End Function
    

    代码截图
    2.png

    Part 3:部分代码解读

    1. chooseRow = ctrl.ListIndex,注意是否设置列标题选项,在计数时,是不包括列标题的
    2. ListBox.Column(Index, Row),列表框可以看成一个Excel表格,不同的是
      • 行和列都是从0开始计数
      • 与Excel中不同的是,先是列再是行,格式:(列,行)

    * ListBox.Column官方解读*
    1.png

    - 本文为原创作品,如需转载,可加小编微信号learningBin

    更多精彩,请关注微信公众号
    扫描二维码,关注本公众号

    公众号底部二维码.jpg

    展开全文
  • 删除列表框,下拉菜单的选项有两种方法: 利用HTMLSelectElement对象的remove()方法删除选项。 直接将指定选项赋值为null即可。 对HTMLSelectElement对象而言,它提供了如下方法用于删除选项。 remove(long index...

    删除列表框,下拉菜单的选项有两种方法:

    • 利用HTMLSelectElement对象的remove()方法删除选项。
    • 直接将指定选项赋值为null即可。

    对HTMLSelectElement对象而言,它提供了如下方法用于删除选项。

    • remove(long index):删除指定索引处的选项。

    上面方法中的index是需要删除选项所在的索引值。如果该索引值比下拉列表中选项的最大索引值还大,或者索引值小于0,则该方法不会删除任何选项。下面的页面演示了动态增加下拉列表的选项,并可以删除下拉列表的选项。

    	<!DOCTYPE html>
    	<html>
    		<head>
    			<meta http-equiv="content-type" content="text/html"/>
    			<title></title>
    			
    		</head>
    		<body id='test'>
    			<input type="text" name="" id="opValue" value="" />
    			<input type="button" name="add" id="add" value="增加" onclick="add()" />
    			<input type="button" name="del" id="del" value="删除" onclick="del()" />
    			<br/>
    			<select id="show" size="8" style="width: 180px;">
    				
    			</select>
    			
    			<script type="text/javascript">
    				var show = document.getElementById("show");
    				//增加下拉列表选项的函数
    				var add = function(){
    					//以文本框的值创建一个<option……/>元素
    					var op = new Option(document.getElementById('opValue').value);
    					show.options[show.options.length] = op;
    				}
    				var del = function(){
    					//如果有选项
    					if(show.options.length >0){
    						show.remove(show.options.length -1);
    					}
    				}
    			</script>
    		</body>
    	</html>
    

    在这里插入图片描述

    文本中输入一个值,单击增加按钮就可将其添加到下拉列表中;如果单击删除按钮,则将删除最新的一个选项。

    show.remove(show.options.length -1);
    

    可以换成

    show.options[show.options.leng0-1] = null;
    

    **注意:**如果想删除某个列表框、下拉菜单的全部选项,没有必要采用循环的方式逐一删除每个选项,将列表框或下拉菜单的innerHTML属性赋为null,即可一次性删除该列表框、下拉菜单的全部选项。

    展开全文
  • vb学习总结, 列表框  1、属性  1、columns  该属性用来确定列表的列数。当该属性设置为0(默认)是,所用的项目呈单列显示。...list属性保存了列表框中所有值得数组,可以通过下标访问数组中的(下标值从
  • 一、允许多项选择 代码如下 Private Sub UserForm_Initialize() arr = Sheets("产品表").Range("a1").CurrentRegion ... '设置列表框属性 .List = arr .MultiSelect = fmMultiSelectExtended ...
  • LabVIEW(十六):多列列表框控件

    千次阅读 2018-09-25 08:51:00
    程序框图中选中多列列表框右键>创建>属性节点>项名:多列列表框所有的表格都称作项名。 (2)、选中项名属性右键>转换为写入 (3)、选中项名属性右键>创建>常量 (4)、调整输入常量的表格大小:可以调整单个表格和...
  • 整理 PySimpleGUI 官方网站 原文google翻译过来的 ...您将找到有关Elements的信息,所有其他类和函数都位于本手册结尾处。...列表框元素 Listbox Element A List Box. Provide a list of values for the
  • 下拉列表框组件

    千次阅读 2018-06-09 18:38:30
     * Swing中提供两种列表组件:下拉列表框列表框  * 下拉列表框组件  * JComboBox类  * 常用构造方法  * public JComboBox()  * public JComboBox(ComboBoxModel dataModel)  * public JComboBox(Object[] ...
  • 在vue的实际开发过程中,我们如何将以选中的直接渲染到页面中,这次主要说的是多选和下拉列表的实现: 测试多选渲染: <input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...
  • VC++60 第十二章 列表框和组合框

    千次阅读 2016-10-13 17:49:48
    第十二章 列表框和组合框   列表框是显示一系列项供用户选择的控件,对选中的项可以进行后续的处理。用户选择可以是多项的,但本章的例程设计为单选的。组合框是一个编辑框带一个可以下拉的列表框,用户在...
  • //讀取select的ID 如:aaa var testobj = document.getElementById("test"); var index = testobj.selectedIndex; // 选中索引 var value = testobj.options[index].value; //取到aaa這個
  • "this.options[selectedIndex].value"方法的中括号内"selectedIndex"表示先获取索引,然后由索引获取option选项,再由".value"获取到value,还有一个方法是"this.options[selectedIndex].text"是用来获取内容
  • 在开始本文主题之前,先来看一个 HTML demo,一个非常简单的选择列表(select): <select> <option>one</option> <option>two</option> <option>three</option> </...
  • 小甲鱼零基础入门学习python笔记

    万次阅读 多人点赞 2019-08-14 11:06:30
    一个打了激素的数组 011列表:一个打了激素的数组2 012列表:一个打了激素的数组3 013元组:戴上了枷锁的列表 014字符串:各种奇葩的内置方法 015字符串:格式化 016 序列!序列! 017函数:Python的乐高积木 018 ...
  • vue根据input检索列表

    千次阅读 2019-11-22 14:41:44
    vue根据input检索列表 效果图 代码 <template> <div> <input type="text" v-model="search"> <ul> <!-- 注意!注意!注意!这里循环遍历的是items,不再是data里的list数组 -...
  • index.jsp中代码所示:      城市: 重庆 成都 北京 上海 地区: name="regin" size="1"> d重庆大学西南大学 沙坪坝 北碚 片区: 六公寓 民主湖 一食堂
  • vb列表框ListBox的详细使用方法

    万次阅读 2018-06-12 15:19:45
    列表框(ListBox)控件表示一个选项清单,用户可能用鼠标选择其中一个或者几个选项。 列表框的特点是:列表框中的项目是通过程序插入到其中的,用户无法向清单中输入数据,当选择其中的项
  • 复选列表框控件(checkedListBox)是列表框控件(listBox)的派生,相对于列表框控件其为每个选项增加了复选框功能。 常用属性: Items属性:复选列表框中所有项目的集合。 SelectedIndex属性:选中的集合中项目...
  • .datagrid('editCell', { index: index, field: field }); editIndex = index; } } ,接下来就是对具体的操作了 //初始化表格 function IntideTable() { $("#tb_Details").datagrid({ url: "../...
  • 如果输入大于0,以两个字符一行方式输出"Hello World"(空格也是字符)‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‮‬‪‬...
  • content-box · box-sizing:border-box · box-sizing:inherit content-box · 这是box-sizing的默认属性 · 是CSS2.1中规定的宽度高度的显示行为 · 在CSS中定义的宽度和高度就对应到元素的内容 ...
  • layer.close(index); } });   方法添加获取数据,这样就可以啦 var checkStatus = layui.table.checkStatus('checkboxTable').data; console.log(checkStatus)   转载于:...
  • Python之tkinter 列表框Listbox与滚动条Scrollbar

    千次阅读 多人点赞 2020-03-25 10:48:13
    文章目录建立列表框 建立列表框   列表框(Listbox)是一个显示一系列选项的Widget控件,用户可以进行单项或多项的选择 使用格式如下: Listbox(父对象, options, ...) ...
  • C# 复选列表框

    千次阅读 2017-02-20 19:48:39
    做了一个复选列表框的小程序 点击 男生头像前面的小勾勾,男生头像就会出现 点击 女生头像前面的小勾勾同理 取消小勾勾,头像就会消失 小程序还有一个看不见的组件 imagelist 在这个组件里添加 男生头像和...
  • Ext.form.FormPanel 中的combox下拉选择,根据选择项获取后台的数据。通过用select事件方法获得所需。 Ext.getCmp('id名').addListener('select',function(combo,record,index) { 调用的方法; });
  • MATLAB GUI设计快速入门实例

    万次阅读 多人点赞 2019-11-27 10:47:15
    Index set ( handles . text5 , 'string' , [ PathName FileName ] ) ; end end % % 实例 6 可编辑文本 可允许用户修改文本内容,用于数据的输入和显示 function edit1_Callback ( hObject , eventdata ,...
  • JavaSwing_2.9: JComboBox(下拉列表框

    万次阅读 多人点赞 2017-07-09 00:11:45
    JComboBox,下拉列表框。JComboBox以下列列表的形式展示多个选项,用户可以从下拉列表中选择一个
  • JQuery EasyUI combobox(下拉列表框)

    万次阅读 2015-04-01 09:06:58
    下拉列表框 继承 $.fn.combo.defaults. 重写 $.fn.combobox.defaults. 组合框显示一个可编辑的文本框和下拉列表,用户选择一个或多个。用户可以直接输入文本到顶部的列表,或选择一个或多个当前列表。 依赖 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 160,154
精华内容 64,061
关键字:

列表框的index值