js 조작 select 관련 방법 함수

3841 단어 js조작 select
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 다 중 선택 목록 전송 코드
https://www.jb51.net/article/21270.htm

좋은 웹페이지 즐겨찾기