精华内容
下载资源
问答
  • 设置select下拉框修改的几种方法: 因为select的特殊性,导致它能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作! 1.为下拉框添加样式,可以禁用该下拉框(效果和敲地板...

    设置select下拉框为不可修改的几种方法:

    因为select的特殊性,导致它不能像input表单一样简单地设置一个readonly来限制修改,所以,我们需要进行别的操作!

    1、为下拉框添加样式,可以禁用该下拉框(效果和敲地板差不多)
    <select name="name" id="select" class="select" style="pointer-events: none;"></select>
    
    2、为下拉框添加onfocusonchange方法,可以禁用该下拉框(点击出来全部,但其他的就是不能选,诶~)
    <select name="name" id="select" class="select" οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;">
    
    或者在js中
       	  	 
    	var sel= document.getElementById('mySelect');
        sel.onchange=function(){
           	 this.selectedIndex=this.defaultIndex;
        };
    	sel.onfocus=function(){
    		this.defaultIndex=this.selectedIndex;
    	};
    
    
    3、可以在页面加载之前设置,将select设置为disabled,需要注意:disabled属性会使得值无法传递,所以需要在提交前取消disabled(我虚了,你呢?)
    $(function() {  $('#select').attr("disabled",true); });
    
    或者
    var sel= document.getElementById('mySelect');
    sel.disabled="true";
    

    需提交表单前设置

    $('#select').attr("disabled",false);
    
    或者
    var sel= document.getElementById('mySelect');
    sel.disabled="false";
    
    4、使用js使select无法修改(实现方式是通过js把其他的选项一个一个清除)如下:(成功路上无对手!)
    //获取select对象
    var iElement= document.getElementById('mySelect');
    //新建一个下拉框数组
    var optionTags = new Array();
    var index = 0;
    var optionObj;
    //拿到目前select应该展示的元素value
    var elementValue = iElement.value;
    var tag;
    //拿到当前所有的option 放在options(数组)中
    var options = iElement.options;
    if(options.length>1){
        for(var j = options.length-1; j >= 0; j--){
            tag = new Array();
            optionObj=options[j];
            tag["value"] = optionObj.value;
            tag["text"]  = optionObj.text;
            optionTags[index++] = tag;
            //如果该元素不是当前展示的元素,则将该元素移除
            if(tag["value"] != elementValue){
                iElement.remove(j);
            }
        }
    }
    //最后的select只剩一个元素,也就达到了效果
    
    以上,希望能够帮到你!
    展开全文
  • 利用KeyPress事件private void comboBox1_KeyPress(object sender, System.Windows.Forms.KeyPressEventArgs e) {e.Handled=true; }或者定义类型为:数值或空格标点等private void comboBox1_KeyPress(object ...

     利用KeyPress事件

    private void comboBox1_KeyPress(object sender, System.Windows.Forms.KeyPressEventArgs e)
      {e.Handled=true;
      }

    或者定义类型为:数值或空格标点等

    private void comboBox1_KeyPress(object sender, System.Windows.Forms.KeyPressEventArgs e)
      {
       char c = e.KeyChar;
       e.Handled = !(char.IsNumber(c) || char.IsWhiteSpace(c) ||
        char.IsControl(c) || char.IsPunctuation(c));
      }

    展开全文
  • JS修改下拉框数据并且更改

    千次阅读 2019-05-24 10:09:51
    i++) {//下拉框的长度就是它的选项数. if(obj[i].selected==true) { var text=obj[i].text;//获取当前选择项的文本.  } } alert(text) } ()"> <option name="aa" value="1">1 ...
    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    	</head>
    	<script type="text/javascript">
    		function change() {
    
    			var obj = document.getElementById("ab");
    		  for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
               if(obj[i].selected==true) {
                var text=obj[i].text;//获取当前选择项的文本.
          }
              
    		}
    		   alert(text)
    
    		}
    	</script>
    
    	<body>
    		<form action="aa" method="get">
    
    			<select name="aa"  id="ab" onchange="change()">
    				<option name="aa"  value="1">1</option>
    				<option name="aa"  value="2">2</option>
    				
    			</select>
    		</form>
    	</body>
    
    </html>

     

    展开全文
  • 设置select下拉框不能选择

    万次阅读 2018-05-21 18:16:22
    设置select下拉框不能选择,利用disabled="disabled"。

    设置select下拉框不能选择,利用disabled="disabled"。

    在有一次的项目开发过程中,下拉框选择值后,页面跳转到其他页面,在处理过程中,将此下拉框设为disabled(需求原因,不能更改此下拉框的值),但后面提交时,发现此下拉框值不见了(或者说值为空),经过长时间的查找原因,发现此下拉框为disabled

    然后发现disabled并不能提交值,在此需求情况下,解决方法为:

    当属性设置为disabled时,提交时,select的值无法传递,提交前移除disabled属性


    很多人都认为设置disabled="true"是为启用,设置为“false”时为禁用,这是错的。只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。
    所以原生设置:启用--dom.setAttribute("disabled","disabled") ; 禁用--dom.removeAttribute(“disabled”);
    jquery设置:$("#id").attr("disabled","disabled");
    $("#id").removeAttr("disabled");


    展开全文
  • 今天在做一个小功能的时候,需要对特定的一个select设置禁止选择,只好采用js进行控制,接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法,有需要的小伙伴可以参考一下:1、功能需求:用户在选择了对应...
  • comboBoxCtrl 下拉框

    2019-06-10 22:21:56
    不允许修改: type : Drop List 默认按照拼音排序,按设定排序: Sort : False 2.添加变量: 类别:Control 变量名:m_cbx 3.在初始化函数(OnInitDialog())中 //下拉框添加操作 m_cbx.AddSt...
  • 选择一个下拉框动态修改另一个下拉框的值,看一下效果图: step1 ???? :设置下拉框数据   创建一个sheet存放下拉框数据,第一行的水果、蔬菜为一级菜单内容,选中数据按F5或Ctrl+G打开定位,如下图勾选后点击...
  • select标签设置只读的方法(下拉框不可选但可传值) 例: http://ha.huatu.com/zt/huatuppclp-sem/ 这里是想显示河南,将其他省份去掉 js里面需要初始化控制一下: 注:用此方法时,提交表单前移除disabled属性,$...
  • VS 调试时,不允许修改代码

    千次阅读 2018-08-27 14:31:18
    现象: 调试打断点后,修改显示对话框 解决办法: 可能是当前模式 为Release 修改为 Debug 模式(VS工具栏程序启动按钮,右侧的 下拉框 选择模式)    ...
  • //移入下拉框将其锁定可用 $('#下拉框ID').mouseenter(function() { $('#下拉框ID').attr("disabled","true"); }); //移入其他地方锁定解除(本想设置成移出下拉框锁定解除,但生效,只能改为移入其他地方,...
  • combobox下拉框只能选择能编辑

    千次阅读 2018-05-27 12:54:00
    将DropDownStyle 属性设置为 DropDownList.Simple 简单的下拉列表框(始终显示列表);DropDown 可以编辑,与有...DropDownList 只有下拉列表,能编辑。 转载于:https://www.cnblogs.com/lypstudy/p/9095732.html...
  • div模拟的下拉框

    千次阅读 2016-11-10 21:40:01
    模拟的下拉框
  • ExtJs下拉框联动

    2018-05-31 11:11:36
    实现原理:两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源.注:有三个下拉框时可以在第一个下拉框就load另外两个下拉框中的数据 实例代码: [javascript] view plain copy 1.// 第一...
  • CSS --- 修改默认下拉框样式

    千次阅读 2016-04-06 15:37:19
    可以通过CSS来修改默认下拉框的样式;appearance: appearance 属性允许您使元素看上去像标准的用户界面元素。 默认值:normal 语法:appearance: normal|icon|window|button|menu|field; 由于各个浏览器厂商的...
  • 下拉框数据绑定

    2019-06-27 16:34:16
    今天做一个下拉框数据触发改变事件,就是选择一个下拉框数据绑定后,另一个文本框也能跟着改变,回填数据。 我准备了两种标签,一个是select标签,一个是input标签,一会呢选择select标签数据绑定后,input标签也...
  • Ext js 下拉框设置为可编辑

    千次阅读 2016-09-17 22:36:42
    typeAhead默认就是false,如果哪块设置为true了,所以解决的办法就是将两个属性都设置为false。  即:  typeAhead:false,  editable:false
  • 修改数据模态的代码布局: 页面布局: 双击某一行打开模态,但是一开始是什么也没有的,就像下面这张图片: 要想双击某一行,不但弹出模态框,还要获取相关数据的话; 那么就要在控制器上获取数据; ...
  • 下拉框cxLookupcomboBox 改为编辑框和下拉框的混合体,支持自由输入,但是lsEditList模式下自由输入之后,焦点离开的时候下拉框输入的内容就被清空了,大神指教下应该怎么修改可以达到需要的效果
  • 下拉框禁止编辑权限

    千次阅读 2016-04-17 11:59:19
    下拉框禁止编辑权限1、实现源码 下拉框禁止编辑权限 #sel{ width:200px; height:30px; } $(document).ready(function(e) { var sel = $("#sel option:selected").val(); alert(sel); });
  • select、option下拉框如何设置只可选择可编辑 select 中设置属性***data-options=“editable:false”***即可实现 例如: <select id="sfhc" name="sfhc" data-options="editable:false" style="width:300px;" &...
  • EXT下拉框联动

    千次阅读 2013-06-08 20:46:12
    extJs之下拉框联动 ...首先,两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源,这就是一个简单的二级联动的实现原理了. Js代码 // 第一个下拉框 var parentStore = new
  • select下拉框中某一项可选置灰 一, html <div class="sale"> <select @change="GetCountyData()"> <option>请选择</option> <option v-for="(item,index) in da...
  • //只读 不允许编辑 ui->tableWidget->setShowGrid(false); //网格线显示 } ShowResult::~ShowResult() { delete ui; } void ShowResult::showEvent(QShowEvent *event) { showTable(); //展示信息 } ...
  • 最近有这样一个需求:在antd select中既能手动输入存在的内容又能选择下拉框的选项。 我当时一想,这个简单啊,于是就开干 思路是这样的,给select框中添加onChange事件以解决进行下拉框选择的问题,然后添加on...
  • ext下拉框联动

    2011-02-10 23:14:00
    // 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'loadByParentid.action?parentid=1001' }), reader: new Ext.data.JsonReader({ root: '...
  • 2、下载文件后本地引用(手动安装)select2依赖于jQuery选择器,所以还得引入jQuery官网推荐使用CDN,虽然这样的引用方式容易部属和更新还节约流量,但是能做一些定制化的操作,比如修改提示,具体看个人需求。...
  • javascript实现可编辑的下拉框

    千次阅读 2015-07-06 16:00:22
    我们提供给用户的输入框的可选择项只能满足用户的大部分情况的选择,但是有时候会遇到一些用户想要输入的数据是下拉项中所没有的,而用户希望改变下拉项为输入框模式,需要说如果实在无法满足时,允许用户进行输入...
  • <el-form-item label="车辆型号:" prop="carModel"> <el-select v-model="addDerive.carModel" @change="$forceUpdate()" placeholder="请选择车辆型号"> <el-option v-for="item in carMod
  • JSP下拉框设置动态默认值 [color=red]---转载的[/color] [color=red]原创地址:http://blog.csdn.net/wangjolly/article/details/23677519[/color] 标签: listbox下拉框默认值设置jspselected 2014-04-14 14:54 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,215
精华内容 6,086
关键字:

下拉框不允许修改