Jquery操作select

1.判断select选项中 是否存在Value=”paraValue”的Item $(“#selectid option[@value='paraValue']“).length>0 2.向select选项中 加入一个Item $(“#selectid”).append(“<option value=”>1111<option>”); 3.从select选项中 删除一个Item $(“#selectid”).remove(“<option value=”>1111<option>”); 4.修改select选项中 value=”paraValue”的text为”paraText” $(“#selectid option:selected”).attr(“value”,”paraValue”).attr(“text”,”paraText”); 5. 设置select中text=”paraText”的第一个Item为选中 $(“#selectid option[@text='paraText']“).attr(“selected”,”true”) 6.设置select中 value=”paraValue”的Item为选中 $(“#selectid option[@value='paraValue']“).attr(“selected”,”true”)

7.设置select中第一 个Item为选中 $(“#selectid option”).eq(0).attr(‘selected’, ‘true’);

这一句改成:

document.getElementById("selectid").value="valuenumber"有效;

或者直接用jquery的$("#selectid").attr("value","valuenumber");

8. 得到select的当前选中项的value $(“#selectid”).val(); 9.得到select的当前选中项的text $(“#selectid”).text(); 10. 得到select的当前选中项的Index document.getElementById(“select1″).selectedIndex; $(“#selectid”).get(0).selectedIndex 11. 清空select的项 $(“#selectid”).empty();

JS版本的:

  • //1.判断select选项中 是否存在Value=”paraValue”的Item
  • function jsSelectIsExitItem(objSelect,objItemValue)
  • {
  •      var isExit = false ;
  •      for var i=0;i;I++)
  •      {
  •          if (objSelect.options[i].value == objItemValue)
  •          {
  •              isExit = true ;
  •              break ;
  •          }
  •      }
  •      return isExit;
  • }
  • //2.向select选项中 加入一个Item
  • function jsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)
  • {
  •      //判断是否存在
  •      if (jsSelectIsExitItem(objSelect,objItemValue))
  •      {
  •          alert( ”该Item的 Value值已经存在” );
  •      }
  •      else 
  •      {
  •          var varItem = new Option(objItemText,objItemValue);
  • //       objSelect.options[objSelect.options.length] = varItem;
  •          objSelect.options.add(varItem, objItemPos);
  •          alert( ”成功加入” );
  •      }
  • }
  • //3.从select选项中 删除一个Item
  • function jsRemoveItemFromSelect(objSelect,objItemValue)
  • {
  •      //判断是否存在
  •      if (jsSelectIsExitItem(objSelect,objItemValue))
  •      {
  •          for var i=0;i;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;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;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;
 
posted @ 2014-03-04 18:12  MMLoveMeMM  阅读(128)  评论(0)    收藏  举报