操作select相关措施函数,js操作select相关方法

作者: 前端技术  发布:2019-09-06
1.判断select选项中 是否存在value="paravalue"的item
2.向select选项中 加入一个item
3.从select选项中 删除一个item
4.修改select选项中 value="paravalue"的text为"paratext"
5.设置select中text="paratext"的第一个item为选中
6.设置select中value="paravalue"的item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的index
10.清空select的项
-------------------------------------------
//1.判断select选项中 是否存在value="paravalue"的item
function jsselectisexititem(objselect,objitemvalue)
{
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
  if(objselect.options[i].value == objitemvalue)
  {
      isexit = true;
      break;
  }
    }      
    return isexit;
} 

//2.向select选项中 加入一个item
function jsadditemtoselect(objselect,objitemtext,objitemvalue)
{
    //判断是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
  alert("该item的value值已经存在");
    }
    else
    {
  var varitem = new option(objitemtext,objitemvalue);
//      objselect.options[objselect.options.length] = varitem;
  objselect.options.add(varitem);
  alert("成功加入");
    }    
}

//3.从select选项中 删除一个item
function jsremoveitemfromselect(objselect,objitemvalue)
{
    //判断是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
  for(var i=0;i<objselect.options.length;i++)
  {
      if(objselect.options[i].value == objitemvalue)
      {
    objselect.options.remove(i);
    break;
      }
  }  
  alert("成功删除");      
    }
    else
    {
  alert("该select中 不存在该项");
    }    
}

//4.修改select选项中 value="paravalue"的text为"paratext"
function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)
{
    //判断是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
  for(var i=0;i<objselect.options.length;i++)
  {
      if(objselect.options[i].value == objitemvalue)
      {
    objselect.options[i].text = objitemtext;
    break;
      }
  }  
  alert("成功修改");      
    }
    else
    {
  alert("该select中 不存在该项");
    }    
}

//5.设置select中text="paratext"的第一个item为选中
function jsselectitembyvalue(objselect,objitemtext)
{    
    //判断是否存在
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
  if(objselect.options[i].text == objitemtext)
  {
      objselect.options[i].selected = true;
      isexit = true;
      break;
  }
    }      
    //show出结果
    if(isexit)
    { 
  alert("成功选中");      
    }
    else
    {
  alert("该select中 不存在该项");
    }    
}

//6.设置select中value="paravalue"的item为选中
//document.all.objselect.value = objitemvalue;

//7.得到select的当前选中项的value
//var currselectvalue = document.all.objselect.value;

//8.得到select的当前选中项的text
//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;

//9.得到select的当前选中项的index
//var currselectindex = document.all.objselect.selectedindex;

//10.清空select的项
// document.all.objselect.options.length = 0;
具体的实例可以查看js select多选列表传值代码
http://www.jb51.net/article/21270.htm

/*
1.论断select选项中 是或不是存在value="paravalue"的item
2.向select选项中 参加四个item
3.从select选项中 删除一个item
4.修改select选项中 value="paravalue"的text为"paratext"
5.装置select中text="paratext"的第叁个item为当选
6.设置select中value="paravalue"的item为选中
7.拿走select的脚下入选项的value
8.获取select的当前当选项的text
9.获得select的日前当选项的index

是或不是留存value="paravalue"的item 2.向select选项中 插手二个item 3.从select选项中 删除四个item 4.更动select选项中 value="paravalue"的...

10.清空select的项

*/
//1.确定select选项中 是或不是存在value="paravalue"的item
function jsselectisexititem(objselect,objitemvalue)
{
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
  if(objselect.options[i].value == objitemvalue)
  {
      isexit = true;
      break;
  }
    }      
    return isexit;

//2.向select选项中 参加三个item
function jsadditemtoselect(objselect,objitemtext,objitemvalue)
{
    //决断是还是不是存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
  alert("该item的value值已经存在");
    }
    else
    {
  var varitem = new option(objitemtext,objitemvalue);
//      objselect.options[objselect.options.length] = varitem;
  objselect.options.add(varitem);
  alert("成功步入");
    }    
}

//3.从select选项中 删除二个item
function jsremoveitemfromselect(objselect,objitemvalue)
{
    //判定是或不是留存
    if(jsselectisexititem(objselect,objitemvalue))
    {
  for(var i=0;i<objselect.options.length;i++)
  {
      if(objselect.options[i].value == objitemvalue)
      {
    objselect.options.remove(i);
    break;
      }
  }  
  alert("成功删除");      
    }
    else
    {
  alert("该select中 荒诞不经该项");
    }    
}

//4.修改select选项中 value="paravalue"的text为"paratext"
function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)
{
    //决断是还是不是留存
    if(jsselectisexititem(objselect,objitemvalue))
    {
  for(var i=0;i<objselect.options.length;i++)
  {
      if(objselect.options[i].value == objitemvalue)
      {
    objselect.options[i].text = objitemtext;
    break;
      }
  }  
  alert("成功修改");      
    }
    else
    {
  alert("该select中 不设有该项");
    }    
}
  
//5.设置select中text="paratext"的首先个item为当选
function jsselectitembyvalue(objselect,objitemtext)
{    
    //剖断是还是不是存在
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
  if(objselect.options[i].text == objitemtext)
  {
      objselect.options[i].selected = true;
      isexit = true;
      break;
  }
    }      
    //show出结果
    if(isexit)
    { 
  alert("成功入选");      
    }
    else
    {
  alert("该select中 不设有该项");
    }    
}

//6.设置select中value="paravalue"的item为选中
//document.all.objselect.value = objitemvalue;

//7.收获select的脚下选中项的value
//var currselectvalue = document.all.objselect.value;

//8.获得select的当下相中项的text
//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;

//9.拿走select的当前入选项的index
//var currselectindex = document.all.objselect.selectedindex;

//10.清空select的项
// document.all.objselect.options.length = 0;

本文由今晚开什么码发布于前端技术,转载请注明出处:操作select相关措施函数,js操作select相关方法

关键词:

上一篇:鼠标拖动动态改变表格的宽度的js脚本
下一篇:没有了