我要建设网站
我要开发软件
我要了解网站技术
我要做网站推广
技术中心
Web技术 更多>>
 
正文  当前位置:主页 > 技术中心 > Web技术 >

Jquery操纵

发布时间:2012-02-23 发布来源:

时辰能缓解极端的悲哀Poshy Tip - jQuery Plugin for Stylish Tooltips

1.断定选项中 是否存在Value="paraValue"的Item
¥("#id option[@value=""paraValue""]").length>0
2.向选项中 参加一个Item
¥("#id").append("<option value="""">1111<option>");
3.从选项中 删除一个Item
¥("#id").remove("<option value="""">1111<option>");
4.批改选项中 value="paraValue"的text为"paraText"
¥("#id option:ed").attr("value","paraValue").attr("text","paraText");
5. 设置中text="paraText"的第一个Item为选中
¥("#id option[@text=""paraText""]").attr("ed","true")
6.设置中 value="paraValue"的Item为选中
¥("#id option[@value=""paraValue""]").attr("ed","true")

7.设置中第一 个Item为选中
¥("#id option").eq(0).attr(""ed"", ""true"");

8. 获得的当前选中项的value
¥("#id").val();
9.获得的当前选中项的text
¥("#id").text();
10. 获得的当前选中项的Index
document.getElementById("1").edIndex;
¥("#id").get(0).edIndex
11. 清空的项
¥("#id").empty();

JS版本的:

//1.断定选项中 是否存在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.向选项中 参加一个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.从选项中 删除一个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( "该 中 不存在该项" );  
     }     
}  
 
//4.批改选项中 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( "该 中 不存在该项" );  
     }     
}  
         
//5.设置中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].ed = true ;  
             isExit = true ;  
             break ;  
         }  
     }       
     //Show出成果  
     if (isExit)  
     {  
         alert( "成功选中" );             
     }  
     else  
     {  
         alert( "该 中 不存在该项" );  
     }     
}  
 
//6.设置中value="paraValue"的Item 为选中  
document.all.objSelect.value = objItemValue;  
 
//7.获得的当前选中项的value  
var currSelectValue = document.all.objSelect.value;  
 
//8.获得的当前选中项的text  
var currSelectText = document.all.objSelect.options[document.all.objSelect.edIndex].text;  
 
//9.获得的当前选中项的Index  
var currSelectIndex = document.all.objSelect.edIndex;  
 
//10.清空的项  
document.all.objSelect.options.length = 0; 

更多网站建设信息、网站开发资讯,敬请咨询百微信息科技,021-57700304





  • Java 生成 XML文件 应用示例
  • myeclipse 手动安装 spket插件
  • SpringMVC + spring3.1.1 + hibernate4.1.0 集成及常见题目总结
  • 对象属性的拷贝extend
  • ajax js跨域后乱码原因及解决办法
  • 获取元素相对地位 offset
  • 获取元素绝对地位 position
  • Flex垃圾收受接管和机能优化的一些总结