精华内容
下载资源
问答
  • js下拉列表实现增加和移除选项

    千次阅读 2017-08-31 09:46:15
    select的option属性用法,实现下拉选项的增加和移除,可拓展为下篇城市级联的基础知识。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="http://localhost:8080/%E7%BA%A7%E8%81%94/">
        
        <title>JaneYork</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	<!--
    	<link rel="stylesheet" type="text/css" href="styles.css">
    	-->
    
      </head>
      
      <body>
      <select id="s1" multiple="multiple">
      	<option>北京</option>
      	<option>上海</option>
      </select>
      <input type="text" id="txt">
      <input type="button" value="添加" id="addbtn" οnclick="add()">
      <input type="button" value="移除" id="removebtn" οnclick="remove()">
      </body>
    //主要功能实现
      <script>
      //添加按钮功能实现
      	function add(){
      	//获取input文本输入狂标签
      		var txt = document.getElementById("txt");
      		//新建一个option
      		var o = new Option();
      		//将文本框输入的内容赋给option显示的内容
      		o.text = txt.value;
      		var se = document.getElementById("s1");
      		//把新建的option添加进来
      		se.add(o);
      	}
      	//移除按钮功能实现
      	function remove(){
      	  	//获取select标签
      		var se = document.getElementById("s1");
      		//移除当前选中项
      		se.remove(se.selectedIndex);
      	}
      </script>
    </html>
    
    页面显示效果:

    展开全文
  • //新建三个数组,用来更改二级下拉列表内容 var a2=new Array("苹果","三星","小米"); var a3=new Array("巧克力","鱼豆腐","饼干","薯片"); var main=document.getElementById("main"); var n

    <!doctype html>
    <html>
    <head>
    <!--更改一级下拉列表的选项来更改二级下拉列表的内容,主要的注意事项是使用remove()或者add()方法后selec元素的length属性必发生改变,节点的下标可能会发生改变-->
    <style>
    </style>
    <script>
    function tes1(){
    var a1=new Array("冰箱","彩电","洗衣机");//新建三个数组,用来更改二级下拉列表内容
    var a2=new Array("苹果","三星","小米");
    var a3=new Array("巧克力","鱼豆腐","饼干","薯片");
    var main=document.getElementById("main");
    var next=document.getElementById("next");
    var value1=main.selectedIndex;//获取一级下拉列表选中的节点来改变二级下拉列表的内容
    switch(value1)
    {
    case 0:var c=next.length;//提前获取select的length属性
    for(var i=0;i<c;i++){
    next.remove(0);//每次删除一个节点之后,剩下的所有节点的下标都会比原来减一,所以需要直接删除0下标节点length次
       }
    //next.innerHTML="";这样来清空标签之间的所有内容是最快捷的
    for(var j=0;j<a1.length;j++){
    var e=document.createElement("OPTION");//重新新建option节点来改变二级下拉列表的内容
    e.innerHTML=a1[j];
    next.add(e,null);
    }
    break;
    case 1:
    var c=next.length;
    for(var i=0;i<c;i++){
    next.remove(0);
    }
    for(var j=0;j<a2.length;j++){
    var e=document.createElement("OPTION");
    e.innerHTML=a2[j];
    next.add(e,null);
    }
    break;
      case 2:
    var c=next.length;
    for(var i=0;i<c;i++){
    next.remove(0);
    }
    for(var j=0;j<a3.length;j++){
    var e=document.createElement("OPTION");
    e.innerHTML=a3[j];
    next.add(e,null);
    }
    break;
    default:break;
    }
    }
    </script>
    <meta charset="UTF-8">
    </head>
    <body>
    <select id="main" οnchange="tes1()">
    <option value="dianqi">家用电器</option>
    <option value="phone">手机数码</option>
    <option value="snack">小吃零食</option>
    </select>
    <select id="next">
    <option value="bingxiang">冰箱</option>
    <option value="xiyiji">洗衣机</option>
    <option value="caidian">彩电</option>
    </select>
    </body>
    </html>

    展开全文
  • 项目中经常会遇到这样的情况:由于某些情况的限制,下拉框(QCombobox的一些选项不能被选择,但还不能直接删除不写) ... //第2 QVariant v(0); //这里的combox是QCombobox控件的名字 ui->comBox-...

    项目中经常会遇到这样的情况:由于某些情况的限制,下拉框(QCombobox的一些选项不能被选择,但还不能直接删除不写)

    如果要实现禁用某些选项,可以这样操作

    
    QModelIndex index = com->model()->index(1, 0);  //第2项
    QVariant v(0);
    
    //这里的combox是QCombobox控件的名字
    ui->comBox->model()->setData(index, v, Qt::UserRole - 1);

    为了能够禁用多个列表项,可以封装一个函数循环一下

    2020年1月10日修改: 增加解除禁用功能   具体内容再代码块的注释部分

    void MyClass::set_items_disabled(QComboBox *com, int *a, int len)
    {
        for(int i=0; i<len; i++)
        {
            QModelIndex index = com->model()->index(a[i], 0);
            QVariant v(0);    //如果要解除,则  QVariant v(-1);
            com->model()->setData(index, v, Qt::UserRole - 1);
            qDebug() << "对项目" << a[i] << "进行非使能操作";
        }
    }

    这样的话,需要禁用哪些选项,调用函数即可

    int a[]={1,2,3,4,6,7,8};
    set_items_disabled(com, a, 7);

    需要注意的是,这里设置了禁用之后,下拉框被禁用的选项不能选择,点击了,但是颜色和其他项目的颜色是一样的,所以要做一些QSS的操作

    使用以下代码即可

    ui->mode->setView(new QListView); //设置委托,以应用CSS定制样式

    QSS

    QComboBox QAbstractItemView::item::!enabled
    {
        color:rgb(125,125,125);
    }

    效果是这样的:只有2个列表项是启用的,其余都被禁用了

    这个灰色的下拉框QSS,在上一篇博客中有写到

    文中有错误或者意见请帮忙指出,多谢!

    展开全文
  • easyui combobox 下拉列表添加选择

    千次阅读 2015-10-20 17:25:51
    我们在使用easyui combobox 创建下拉列表时,需要通过ajax获取从服务端返回的json字符串,并显示在客户端。但除了显示数据库中存在的数据,往往需要为返回的结果增加一个选项,比如“全部”。 对于这个问题尝试...
    	我们在使用easyui combobox 创建下拉列表时,需要通过ajax获取从服务端返回的json字符串,并显示在客户端。但除了显示数据库中存在的数据,往往需要为返回的结果增加一个选项,比如“全部”。
    	对于这个问题尝试多种方式后,总结出以下两种可用方法:
    	方法一:从后台添加。从数据库或者后台代码添加都是可行的,在此不做详细阐述。
    	方法二:通过对data属性的json对象调整实现请勿使用直接绑定的方法。由于data用于设置被加载的列表数据,可以自动将data属性对应的json对象解析为combobox下拉列表,所以可以通过对data属性值进行修改来完成combobox 下拉列表选择项的添加
    如:
    	$(function(){
    		//下拉列表添加“全部”选项
    		$.ajax({ 
    			url: 'url',
    			dataType: 'json', 
    			success: function(data){   
    				// 修改ajax返回的值
    				data.unshift({'key':'','value':'全部'});   //unshift方法添加到第一行,push方法添加到末尾
    				$('#test').combobox({            
    					data:data,        
    					valueField:'key',        
    					textField:'value', 
    					editable:false //不可编辑
    				});    
    			}
    		});
    	})
    展开全文
  • Vue element-ui点击增加或删除下拉列表

    千次阅读 2020-03-27 16:50:58
    Vue element-ui点击增加或删除下拉列表 Element-UI官网 Link 文字链接组件 Select 选择器组件 <template> <div> <!-- 添加下拉列表文字链接 --> <el-link type="primary" :underline=...
  • VB.Net程序设计:ComboBox下拉列表中显示多列数据-增加一个事件。 自己写的一个控件:ComboBox下拉列表中显示多列数据(可以绑定数据表)具体内容查看:...
  • ajax动态更新下拉列表

    千次阅读 2015-04-01 07:03:54
    前面做了个ajax的小demo,今天看个动态更新下拉列表,或者也叫级联更新下拉列表,这个也是利用ajax的异步调用去后台实现数据请求,然后回到前台完成下拉列表数据的更新,以增强web应用的交互性。 package ...
  • Android:实现下拉列表 Spinner

    万次阅读 2019-06-05 08:25:11
    元素实现下拉列表,在其中每个下拉列表项使用<option>表示即可。这是在Web开发中一个必不可少的交互性组件,而在Android中的对应实现就是Spinner。 方法: 以资源方式,静态展示 Spi...
  • js三级地区选择插件,省市县级联下拉列表 3级省地市级联菜单,ie/ff 测试通过,支持多个并存,支持事件 demo1为最简单的份实现,页面id配置在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置...
  • 2、搜索框内的文字长度大于等于1,并且搜索的文字能够模糊匹配下拉列表中的值,显示下拉列表; 3、鼠标悬停在下拉框文字上,改变文字的背景颜色; 4、单击选中下拉列表文字将文字赋值到搜索框,同时隐藏下拉列表; 5...
  • 快速选择下拉列表

    千次阅读 2018-06-03 13:50:58
    你可以把下面的内容复制进到个js文件中,然后在onload事件中加入quickSelectInit();这个事件 &lt;!-- /*************************
  • 下拉列表框实现

    万次阅读 2010-09-10 16:02:00
    、实现框架............................................................................. 1 二、实现根视图.......................................................................... 1 三、实现...
  • QComboBox是个集按钮和下拉选项于一体的控件,也被称为下拉列表框。 、QComboBox类中的常用方法 方法 描述 addItem() 添加个下拉选项 addItems() 从列表中添加下拉选项 Clear() 删除下拉选项集合...
  • 修改Bugfree实现多指派 必填 下拉列表 提示信息 《宋轶聪的工作日志20110928 》 ==========================修改Bugfree实现多指派================================ 0、修改bug.tpl,将AssigedTo的...
  • DBGRID中实现下拉列表

    千次阅读 2012-02-27 10:37:41
    在DBGrid 中实现类DBComboBox列表方法要实现的功能:在DBGrid网格中输入字段时,单击字段可出现下拉列表(类似于DBComboBox),用户可从中选择需要的字段内容,列表框中是固定的几个选项如男、女等。实现方法举例...
  • 元素实现下拉列表,在其中每个下拉列表项使用&lt;option&gt;表示即可。这是在Web开发中一个必不可少的交互性组件,而在Android中的对应实现就是Spinner。方法:以资源方式,静态展示 Spinner 选项:&...
  • 下拉列表也是Web开发中常用的控件之一,用来从一组可选项中选取一项。FineUI中的下拉列表不仅可以通过ASPX标签声明,也可以绑定到各种数据源。FineUI还根据实际项目的需要,扩展了一种模拟树的下拉列表。   ...
  • 表单 1.1下拉列表 使用下拉列表的好处: (1)节省页面空间,使得页面更加简洁; (2)方便输入; (3)规范输入。    你来自: ...标签定义了下拉列表 标签定义了下拉列表个选项 标签的
  • 自定义带搜索框的下拉列表插件

    千次阅读 2017-01-12 16:04:19
    最近项目所,开发了个附带搜索框的下拉列表插件,在搜索框中输入关键字的同时,捕捉键盘按键释放事件,更新下拉列表显示内容。 jquery插件开发参考: http://blog.csdn.net/xyr05288/article/details/51094644...
  • 下拉列表框中显示树状结构

    千次阅读 2005-08-08 18:15:00
    作者:星轨(oRbIt) E_Mail :inte2000@163.com 转载请注明原作者,否则请勿转载 在下拉列表框中...个典型的用户界面就是使用下拉列表框(或称组合列表框)显示数据库中相关表名或某个表中的某个字段的全部数据
  • 首先是ajax填充插件FillOptions,这个插件可以通过ajax方法获取数据并把数据添加到下拉列表框,数据格式支持xml格式和json格式,插件定义如下FillOptions(url,options)参数说明 url:ajax请求的地址,必须 options...
  • asp DropDownList下拉列表的使用(转)

    千次阅读 2014-03-06 16:56:09
    下拉列表也是Web开发中常用的控件之一,用来从一组可选项中选取一项。FineUI中的下拉列表不仅可以通过ASPX标签声明,也可以绑定到各种数据源。FineUI还根据实际项目的需要,扩展了一种模拟树的下拉列表。   ...
  • QComboBox下拉列表自动填充

    千次阅读 2016-10-12 14:11:00
    QCompleter *pCompleter = new QCompleter(ui->comboBox->model(), this); ui->comboBox->setCompleter(pCompleter); pCompleter->setFilterMode(Qt::MatchContains); //列出包含输入的 pCompleter->setModel
  • QT的combobox下拉列表的宽度默认情况下与combobox本身的宽度是一致的,但是有时候下拉列表的文字很长,显示不开的时候,就需要我们手动设置其宽度, 原理是遍历每一项的长度,找到最大长度,然后使用setFixedWidth...
  • 如上图所示,必须要按顺序选择省市区。未选择省之前,没有城市可选择,未选择城市之前,没有区可选择。代码如下: ...还有种比较复杂的情况,多个下拉列表框是相关联的,只有前面个选...
  • 动态给select下拉列表添加选项option

    千次阅读 2018-04-02 12:59:48
    动态给select下拉列表添加选项option Select options 集合 Select对象定义和用法 option 集合可返回包含 &lt;select&gt; 元素中所有 &lt;option&gt; 的个数组。 注意:数组中的每个元素对应...
  • PB中下拉列表使用的若干技巧

    千次阅读 2011-11-06 23:24:36
     下拉列表是在窗口中定义的个控件,与之相应的事件如下表所示: 表1 下拉列表控件上的事件   事件名称 触发时机  Constructor 在窗口中的OPEN事件发生前触发  Destructor 在窗口中的CLOSE事件发生后...
  • 有时从数据库中查询返回的结果关联到ComboBox中后,还需要添加“其它”或者“全部”之...可以在DataTable中增加一个DataRow来实现同样的功能。string cmdString = "SELECT Id,Name FROM Staff";try{ SqlDataBase sdb =

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,353
精华内容 12,141
关键字:

下拉列表需增加一项