`
microjava
  • 浏览: 311397 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

 
阅读更多
下拉框去掉重复值 
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>
分享到：
| 远程机器中转登陆脚本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS操作select下拉框动态变动(创建/删除/获取)

    1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement_x(“select”); mySelect.id = “mySelect”;... //添加一个选项 obj.add(new Option(“文本”,”值”

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png

    给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面，发现bootstarp框架多选会自带一个span标签，清空与赋值就是把这个span标签重置，在浏览器调试页面中找到这个span标签，通过class选择器，对...

    程序天下:JavaScript实例自学手册

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码（二） 18.3 在线测试...

    《程序天下：JavaScript实例自学手册》光盘源码

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码（二） 18.3 在线测试...

    UWA 2.X UTF-8 （v2.1.5_to_v2.2.0） 升级程序.zip

    [增强]自定义下拉框、选项卡和多选框显示方式和多选分隔符 [更改]删除广告位时删除对应广告, 删除链接分类时删除对应链接 [更改]默认模板登录页添加广告 [增强]内链允许随机读取,自定义内链条数 [更改]重置菜单...

    check框控制显示隐藏明细表（隐藏清空明细表）.txt

    check框控制显示隐藏明细表（隐藏清空明细表）

    HTML完美动态表格(可编辑)

    完美表格。在此基础上可进行AJAX开发.可编辑选项包括下拉框和文本框等。动态添加行 删除行。tab键切换。回车键改变状态等。

    php网络开发完全手册

    11.1.6 下拉框与列表框标签select 172 11.2 表单数据的接收 173 11.2.1 GET方法 173 11.2.2 POST方法 176 11.3 常用表单数据的验证方法 177 11.3.1 姓名验证 177 11.3.2 日期验证 177 11.3.3 E-mail地址验证 178 ...

    EditPlus 2整理信箱的工具

    （2）选择“字符在范围中”，那么在“^”后会增加一对括号“[]”，当前插入点在括号中。括号在正则表达式中表示，文本中的字符匹配括号中任意一个字符即符合查找条件。 （3）按一下空格键，添加空格符。空格符是空行...

    Editplus 3[1].0

    （2）选择“字符在范围中”，那么在“^”后会增加一对括号“[]”，当前插入点在括号中。括号在正则表达式中表示，文本中的字符匹配括号中任意一个字符即符合查找条件。 （3）按一下空格键，添加空格符。空格符是空行...

    文章管理系统

    2.[改进]网站参数设置 增加 清除JS内容 按钮 3.修复其他几个小细节 2013年09月07日 V2.80更新包 1.[改进]去掉旧版AJAXRequest换成jQuery中的AJAX 2.[改进]为了系统安全和稳定去掉宇初验证码和印象码，加入4种数字...

    奥瑞文在线培训系统服务器安装包v2.2.9

    +增加强制退出已登入用户功能 * 优化统计在线人数功能 * 优化UC接口 * 优化样式 * 解决扩展没有恢复报错问题 * 解决综合题没有删除子试题按钮问题 * 解决前台无限修改密码问题 * 修复几处重置按钮无效的问题 ...

Magicbox
Global site tag (gtag.js) - Google Analytics