如何增加下拉框选项

（javascript兼容）动态增加下拉框选项
2008-11-17 21:43:00
在select控件中动态增加optionie中是selectobj.add方法，但在firefox中无效，需要采用selectobj.options.add()
```
在select控件中动态增加option

ie中是selectobj.add方法，

但在firefox中无效，需要采用selectobj.options.add()
```
收起
展开全文
javascript firefox
可编辑下拉框动态修改添加下拉框选项
热门讨论 2012-11-24 11:47:02
参考别人文献同时结合实际修改部分代码做出的一个可编辑的下拉框，并且修改过程同时会动态把没有的选项加入到下拉框中
收起

extjs combox下拉框选项宽度设置

千次阅读 2017-12-28 11:16:17

如题，combox下拉框选项字数稍多，显示不全，可能需要将下拉框宽度稍微增宽。效果图如下：实现方法：


 如题，combox下拉框选项字数稍多，显示不全，可能需要将下拉框宽度稍微增宽。
 
 
 

 实现方法：给combox组件增加listeners属性。
 

 代码如下：
 
listeners:{
	expand : function (){
		this.view.setWidth(200);
		this.list.setWidth(200);
	}
} 
如果字数太多，或者设置宽度会导致不美观的话，可以为其增加qtip提示，鼠标悬停即可显示全部内容，详见： 
http://blog.csdn.net/bcdmz76/article/details/78918224

收起

展开全文

extjs combox

js增加、删除下拉框选项值

2010-03-30 20:21:19

下拉框去掉重复值 [code="java"] Array.prototype.unique = function() { var data = []; var a = {}; for (var i = 0; i < this.length; i++) { if(!a[this[i]]){ a[this[i...

下拉框去掉重复值



Array.prototype.unique = function() {  
    var data = [];  
    var a = {};
    for (var i = 0; i < this.length; i++) {  
        if(!a[this[i]]){  
            a[this[i]] = true;  
            data[data.length] = this[i];  
        }  
    }  
    return data;  
};  

var subTpye2_option = document.form_deposit.subTpye2;
var data1 = [];
var data2 = [];

for (var i = 0; i < subTpye2_option.length; i++) {  
        data1[i] = subTpye2_option[i].value;  
        data2[i] = subTpye2_option[i].text;
    } 

data1 = data1.unique();
data2 = data2.unique();

document.form_deposit.subTpye2.length = 0;
for (var i = 0; i < data1.length; i++) {  
  var obj;    
  obj=document.createElement("option");   
  obj.value=data1[i];    
  obj.text=data2[i];    
  document.form_deposit.subTpye2.add(obj);  
}






<html>
<head>
<script language="javascript" type="text/javascript">
function selectType(sid){ 
var se=document.getElementById(sid);
var option=se.getElementsByTagName("option");
var temp;

for(var i=0;i<option.length;++i) 
{ 

if(option[i].selected)
{
temp = option[i].text;
}

}

alert(se.value); 
alert(temp)

}
</script>
</head>
<body>

<select id="s1" onchange="selectType('s1')" >
<option select >选择类别</option>
<option name="typeId" value="01" >第一个</option>
<option name="typeId" value="02" >第二个</option>
<option name="typeId" value="03" >第三个</option> 
<option name="typeId" value="01" >第一个</option>
<option name="typeId" value="02" >第二个</option>
<option name="typeId" value="03" >第三个</option> 
 <select>
</body>

<script>

Array.prototype.unique = function() {  
    var data = [];  
    var a = {};
    for (var i = 0; i < this.length; i++) {  
        if(!a[this[i]]){  
            a[this[i]] = true;  
            data[data.length] = this[i];  
        }  
    }  
    return data;  
}; 

alert('hello world');

var se=document.getElementById('s1');
var option=se.getElementsByTagName('option');

alert('zz: ' + option.length);

var data1 = [];
var data2 = [];

for (var i = 0; i < option.length; i++) {  
        data1[i] = option[i].value;  
        data2[i] = option[i].text;
    } 

alert(data1);

data1 = data1.unique();
data2 = data2.unique();

alert(data1);
alert(data2);

document.getElementById('s1').length = 0;

for (var i = 0; i < data1.length; i++) {  
  var obj;    
  obj=document.createElement("option");   
  obj.value=data1[i];    
  obj.text=data2[i];    
  document.getElementById('s1').add(obj);  
}  
</script>

<html>




复选框



checkAll(this, 'checkbox71');

checkItem(this, 'checkbox83');


Select_checkbox();


<script>  
//复选框赋值
function Select_checkbox()
{
  var m=0;
  var t=''; 
  var check =  document.getElementsByName('checkbox71');
      document.getElementById('BkCustType').value = '7';
      document.getElementsByName('BkCustType').value='7';
  for(var i = 0; i < check.length; i++)
   { 
     if(check[i].value=='1')
      {
        m = m + 1;
      }
       t = t + check[i].value;

    }
    // document.getElementById('Total_Records').value = check.length;
     document.getElementById('Identified_num').value = m;
    document.getElementById('Type_Flag').value = t;
}

//复选框全选和取消切换
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   {
    aa[i].checked = e.checked;
    if(aa[i].checked == true) aa[i].value = '1';
    else aa[i].value = '0';
   }
}
function checkItem(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked)
   {
     all.checked = false;
     e.value = '0';
   }
  else
  {
     e.value = '1';
    var aa = document.getElementsByName(e.name);
    for (var i=0;i<aa.length; i++)
     if(!aa[i].checked) return;
        all.checked = true;
  } 

}


</script>




和当前日期比较



var now = new Date();
var arrStart = document.@FormName@.start1.value.split('-');
var startDt = new Date(arrStart[0],parseInt(arrStart[1],10)-1,arrStart[2]);

if(startDt.getTime() > now.getTime())
{
 return '最近风险评估日期不可大于当前日期';
}




js数字类型操作



<script type="text/JavaScript">  
function  print_selection_ZQ_F8_919432_01()
{
   var linenum = document.form2.linenum.value;
   var pagenum = document.form2.pagenum.value;

   var flag = parseInt(pagenum)%2;

   if(flag == '1')
   {
     linenum = parseInt(linenum) + 16;
   }

   var prtfilename = document.@FormName@.PrintDataLocalFileName.value.split("|");

   //打印用户证		

   FmtEngine4PSBK('有线电视用户证','FMT_HOST_CLI_Public_ZQ_F8_919432_01',prtfilename[0],linenum);

}
</script>






<script type="text/JavaScript">  
function  print_selection_ZQ_F8_919432_01()
{
   var linenum = document.form2.linenum.value;

   if(parseInt(linenum) <= 10)
   {
     linenum = parseInt(linenum) + 15;
   }
   else if(parseInt(linenum) > 10)
   {
     linenum = parseInt(linenum) - 10;
   }

   var prtfilename = document.@FormName@.PrintDataLocalFileName.value.split("|");

   //打印用户证		

   FmtEngine4PSBK('有线电视用户证','FMT_HOST_CLI_Public_ZQ_F8_919432_01',prtfilename[0],linenum);

}
</script>




js日常调试



<script>
alert('aaaaa');

var s1 = "100.00";

alert(s1);

alert(Number(s1));

if(Number(s1) < 1000)
{
   alert('s1小于1000');
}


</script>




//下拉框联动



dwname.selectedIndex = dwcode.selectedIndex;


//位数检查



var sfzno = document.form2.textbox86.value;
if(sfzno.length != 15 && sfzno.length != 18)
{
  return '身份证号码不合法';
}




//js控制控件属性



if(document.form2.select74.value == '0')
{
  document.form2.textbox78.disabled = true;
  document.form2.textbox78.className='textDisabled';

}
else
{
  document.form2.textbox78.disabled = false;
  document.form2.textbox78.className='textRequired';
  document.form2.textbox78.isnotnull = 'true';
}




//ecap平台下的金额计算





document.@FormName@.hidden120.value=document.@FormName@.number91.value;
document.@FormName@.hidden121.value=document.@FormName@.number89.value;

var s1 = document.@FormName@.hidden120.value.replace(',','');
var s2 = document.@FormName@.hidden121.value.replace(',','');


if(s1!=null && document.@FormName@.select90.value=='1')
{
  var s3 = parseFloat(s1) + parseFloat(s2);
  document.@FormName@.number88.value = s3;
}




截取字符串



hello js

<script type="text/javascript">
alert('hello');

var kxdate = '2010-02-02';
if(kxdate != null && kxdate.length >= 10)
{
  var kxdate_1 = kxdate.substring(0,4);
  var kxdate_2 = kxdate.substring(5,7);
  var kxdate_3 = kxdate.substring(8,10);
}

var date = kxdate_1 + kxdate_2 + kxdate_3;

alert(date);

</script>






控制表格显示

document.getElementById('table_zz').style.display='';
document.getElementById('table_zz').style.display='none';

设置控件样式

document.getElementById('pzhm').className='textDisabled';






//选择下拉框回显信息 
var flag = document.form2.select53.value;

if(flag == '0140000000000000001100208') {

  document.form2.textbox61.value = '80020000005005211';
  document.form2.textbox63.value = '测试';
} else if(flag == '0140000000000000002100208') {

  document.form2.textbox61.value = '80020000005005255';
  document.form2.textbox63.value = '测试';
}

//屏蔽控件
var flag = document.form2.select81.value;

if(flag == '0') {

  document.form2.textbox67.readOnly='true';
  document.form2.textbox67.disabled='true';
  document.form2.textbox67.className='textDisabled';

}
else if(flag == '1') {
  alert('111111');
  document.form2.textbox67.disabled=false;
  document.form2.textbox67.readOnly='false';
  document.form2.textbox67.className='';
}






  显示和隐藏控件
  <html>
  <head>
   <body>
    <script language="javascript">

       function show(){
          document.form1.b3.style.display="";
          document.form1.b4.style.display=""; 
          document.form1.txt.style.display="";
       }

       function hid(){
          document.form1.b3.style.display="none";
          document.form1.b4.style.display="none";
          document.form1.txt.style.display="none";
       }

    </script>
     <form id="form1" name="form1">
        <input type="button" name="but1" value="显示" onclick="show()"/>
        <input type="button" name="but2" value="隐藏" onclick="hid()"/>
        <input type="button" name="b3" id="but3" value="Hello"/>
        <input type="button" name="b4" id="but3" value="World"/>
        <input type="text" name="txt" id="txt"/>
     </form>
   </body>
  </head>
</html>






 

  //刷新下拉框

   http://108.0.108.221:9080/TxRunAction.do?TranName=clearCache

  //修改下拉框的值

   document.@FormName@.select159.options[5].value = '0060000000000000002100209';

  //增加一个选项值
  var obj; 
  obj=document.createElement("option"); 
  obj.text='111'; 
  obj.value='111'; 
  document.@FormName@.select159.add(obj); 

  //删除第二个选项值
  document.@FormName@.select159.options.remove(1);










<html>
<head>
<script language="javascript" type="text/javascript">
function selectType(sid){ 
var se=document.getElementById(sid);
var option=se.getElementsByTagName("option");
var temp;

for(var i=0;i<option.length;++i) 
{ 

if(option[i].selected)
{
temp = option[i].text;
}

}

alert(se.value); 
alert(temp)

}
</script>
</head>
<body>

<select id="s1" onchange="selectType('s1')" >
<option select >选择类别</option>
<option name="typeId" value="01" >第一个</option>
<option name="typeId" value="02" >第二个</option>
<option name="typeId" value="03" >第二个</option> 
 <select>
</body>
<html>

收起

展开全文

ComBox控件下拉框选项的添加

万次阅读 2014-01-09 16:31:37

cBoxName.Items.Add("MD5"); cBoxName.Items.Add("RSA"); cBoxName.Items.Add("DES"); cBoxName.Items.Add("SHA1");

cBoxName.Items.Add("MD5");
cBoxName.Items.Add("RSA");
cBoxName.Items.Add("DES");
cBoxName.Items.Add("SHA1");

收起

展开全文

combox

页面下拉框选项追加
2014-05-21 14:55:28
项目描述： [img]... 图一如上图所示：在该页面添加认证方式下拉框 初始化为有5个认证方式可以追加、删除。 [img]http://dl2.iteye.com...
收起
js
QComboBox下拉框给选项增加删除按钮
千次阅读 2020-06-04 22:22:32
网上有不少 Qt 实现的例子，实现方式也很多，在参照了别人的思路后我也实现了选项带按钮的下拉框。中间遇到不少坑，最后效果也不完美。 1.实现过程我选的是 QListWidget +QListWidgetItem 的方式，因为感觉相对...
收起
QComboBox
Jquery动态添加下拉框选项
万次阅读 2011-10-13 21:49:56
jQuery动态添加下拉框的值，点击网页上的按钮后，激活JQ函数，动态添加下拉框Options的值，每点击一次增加一个值，并按序号排列，一个JQ的小实例，让大家多了解一些JQ的用法。 ...
收起
jquery function xhtml javascript button
easyui动态添加下拉框选项
千次阅读 2015-08-03 20:26:28
查看官方API，发现有个data属性，自动将data属性对应的json对象，解析为combobox下拉列表。突然想到，通过设置、修改data属性值来完成combobox下拉列表的添加。改造代码如下： $.ajax({ ...
收起
jquery 动态添加下拉框选项
千次阅读 2015-04-02 11:33:20
$('#del_type').bind("change", function(){ if($("#del_type").find("option").length>2){ $("#del_type").find("option").eq(0).remove();...optio
收起
el-select下拉框选项的样式修改(背景色、hover、字体等)
万次阅读 多人点赞 2020-05-15 15:48:29
一：如何修改el-select下拉框中选项的样式，网上的方法一般有两种： 1.找到下拉框的类名，写一个全局的样式。 2.通过/deep/来修改.el-select-dropdown__item的样式内容 3.通过popper-class设置的类名添加样式以上几...
收起
vue.js
extjs 下拉框增加空选项
千次阅读 2016-12-08 15:44:21
//数据字典下拉控件 Ext.ns('uc'); uc.cboDic = function (config) { var storeDic = Ext.create('Ext.data.Store', { autoLoad: false, fields: [ 'code', 'name' ]
收起
jQuery 动态加载下拉框选项（Django）
2018-12-20 13:40:00
$('select.product_style').append('[i] + '">' + msg[i] + '</option>') // 依次增加选项 } } }); } 注：后端返回的是一个列表进行json转换的值。转载于:https://www.cnblogs.com/xshan/p/10148843.html
收起
js 下拉框增加和移除选项
2021-05-14 15:40:07
table行数据删除后，下拉框增加删除的选项 HTML内容 <select id="test" ></select> JS内容 //移除 $("#test option:selected").remove(); //增加 $('#test').append("<option value=" + value + "&...
收起
javascript
后台读取前台下拉框选项值(DropDownList)
万次阅读 2014-08-19 17:28:23
注意本页面中需要在第一行增加【 EnableEventValidation="false" 】,以解决页面出现【回发或回调参数无效】的问题。具体见下图 3.default.aspx.cs using System; using System.Collections.Generic;...
收起
ajax
在Grid中增加下拉框
千次阅读 2018-04-17 09:47:31
//下拉框选项 var comboList = ["未处理", "处理中", "已处理", "其他"]; $(function () { var jsonObj = {}; jsonObj.Rows = [ { id: 3, name: "林三", sex: "男", birthday: "1989/01/12", PMA...
收起
combox
网页下拉框智能诱导输入用户只要输入下拉框选项每字的第一五笔或者拼音码，诱导框就会将最先匹配的n条记录
2009-07-15 22:24:54
*　2）用户只要输入下拉框选项每字的第一五笔或者拼音码，诱导框就会将最先匹配的n条记录 * （这个参数可以配置，由MAX_MATCH_COUNT来指定）,显示在弹出框(窗口大小可以通过POPUP_WIDTH, * POPUP_HEIGHT参数设置)中...
收起
下拉框的选项中添加搜索框
热门讨论 2016-03-14 12:43:42
下拉框中的选项太多需要一个搜索功能的输入框，检索出需要的选项选择，这个插件就是在下拉选中中的第一个选项的前面添加一个搜索框，搜索需要的选项！
收起
给下拉框添加选项
2020-06-10 21:49:32
GPS平台、网站建设、软件开发、系统运维，找森大网络科技！ http://cnsendnet.taobao.com 来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=765
收起
下载excel时，增加下拉框长度超过255的解决办法
千次阅读 2019-05-21 15:43:51
// 循环赋值（为了防止下拉框的行数与隐藏域的行数相对应来获取>=选中行数的数组，将隐藏域加到结束行之后） category1Hidden.createRow(i + endRow).createCell(Integer.parseInt(key)).setCellValue(textList[i]...
收起
vue + elementUI 给Dialog中的Table的每一行增加下拉框，并避免全部下拉框的值被统一修改
2020-11-24 15:40:51
给Dialog中的Table的每一行增加下拉框 为了避免全部下拉框的值被统一修改，我们为每一行添加对应的索引scope.$index 在select的v-model中添加每一行对应的索引scope.$index 在optiont的click方法中传入该索引scope...
收起
javascript vue.js elementui
js实现下拉框添加选项
千次阅读 2019-06-13 01:12:45
-- 下拉框选择id --> <div id="selectIdBox"> <select id="selectID"></select> </div> JavaScript代码 var gSelectID = ["001", "002", "003", "全部"]; for (var i in gSelectID)...
收起
DevExpress网格控件（GridView）中增加下拉框和复选框
千次阅读 2018-09-25 17:52:14
本文主要介绍如何在GridControl网格中的每一行增加复选框、下拉框和多选下拉框。最终效果如下图所示。其中，测试模块，模块类型，从属，测试人，测试要求，备注等是数据库查询到的数据。操作步骤：一、...
收起
Android O 下拉框增加自动亮度开关选项
2018-08-20 15:01:58
5 当点击 下拉框选项开关，Settings 相应设置也要改变，这里有两种方法，一种是广播监听。另一种是监听数据库变化，首先来看看第一种 vendor/mediatek/proprietary/packages/apps/MtkSettings/src/...
收起

（javascript兼容）动态增加下拉框选项

可编辑下拉框动态修改添加下拉框选项

extjs combox下拉框选项宽度设置

js增加、删除下拉框选项值

ComBox控件下拉框选项的添加

页面下拉框选项追加

QComboBox下拉框给选项增加删除按钮

Jquery动态添加下拉框选项

easyui动态添加下拉框选项

jquery 动态添加下拉框选项

el-select下拉框选项的样式修改(背景色、hover、字体等)

extjs 下拉框增加空选项

jQuery 动态加载下拉框选项（Django）

js 下拉框增加和移除选项

后台读取前台下拉框选项值(DropDownList)

在Grid中增加下拉框

网页下拉框智能诱导输入用户只要输入下拉框选项每字的第一五笔或者拼音码，诱导框就会将最先匹配的n条记录

下拉框的选项中添加搜索框

给下拉框添加选项

下载excel时，增加下拉框长度超过255的解决办法

vue + elementUI 给Dialog中的Table的每一行增加下拉框，并避免全部下拉框的值被统一修改

js实现下拉框添加选项

DevExpress网格控件（GridView）中增加下拉框和复选框

Android O 下拉框增加自动亮度开关选项

如何增加下拉框选项

（javascript兼容）动态增加下拉框选项

可编辑下拉框 动态修改添加下拉框选项

extjs combox下拉框选项宽度设置

js增加、删除下拉框选项值

ComBox控件下拉框选项的添加

页面下拉框选项追加

QComboBox下拉框给选项增加删除按钮

Jquery动态添加下拉框选项

easyui动态添加下拉框选项

jquery 动态添加下拉框选项

el-select下拉框选项的样式修改(背景色、hover、字体等)

extjs 下拉框增加空选项

jQuery 动态加载下拉框选项（Django）

js 下拉框增加和移除选项

后台读取前台下拉框选项值(DropDownList)

在Grid中增加下拉框

网页下拉框智能诱导输入用户只要输入下拉框选项每字的第一五笔或者拼音码，诱导框就会将最先匹配的n条记录

下拉框的选项中添加搜索框

给下拉框添加选项

下载excel时，增加下拉框长度超过255的解决办法

vue + elementUI 给Dialog中的Table的每一行增加下拉框，并避免全部下拉框的值被统一修改

js实现下拉框添加选项

DevExpress网格控件（GridView）中增加下拉框和复选框

Android O 下拉框增加自动亮度开关选项

如何增加下拉框选项

可编辑下拉框动态修改添加下拉框选项