你的位置: Kiyo'Space首页 JavaScript/Jscript 阅读文章 欢迎留下您的足迹

JS操作select相关方法

[ JavaScript/Jscript ] 分享

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;

From:http://hi.baidu.com/china8jie/blog/item/c22a8023ce5c9c46ac34dee5.html

没有评论

  • (Required)
  • (Required, will not be published)