博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[转]Jquery操作select
阅读量:4963 次
发布时间:2019-06-12

本文共 2992 字,大约阅读时间需要 9 分钟。

本文转自:

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');

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 
  • functionjsSelectIsExitItem(objSelect,objItemValue)  
  • {  
  •     varisExit =false;  
  •     for(vari=0;i;I++)  
  •      {  
  •         if(objSelect.options[i].value == objItemValue)  
  •          {  
  •              isExit =true;  
  •             break;  
  •          }  
  •      }       
  •     returnisExit;  
  • }  
  •  
  • //2.向select选项中 加入一个Item 
  • functionjsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)  
  • {  
  •     //判断是否存在 
  •     if(jsSelectIsExitItem(objSelect,objItemValue))  
  •      {  
  •          alert("该Item的 Value值已经存在");  
  •      }  
  •     else 
  •      {  
  •         varvarItem =newOption(objItemText,objItemValue);  
  • //       objSelect.options[objSelect.options.length] = varItem; 
  •          objSelect.options.add(varItem, objItemPos);  
  •          alert("成功加入");  
  •      }     
  • }  
  •  
  • //3.从select选项中 删除一个Item 
  • functionjsRemoveItemFromSelect(objSelect,objItemValue)  
  • {  
  •     //判断是否存在 
  •     if(jsSelectIsExitItem(objSelect,objItemValue))  
  •      {  
  •         for(vari=0;i;I++)  
  •          {  
  •             if(objSelect.options[i].value == objItemValue)  
  •              {  
  •                  objSelect.options.remove(i);  
  •                 break;  
  •              }  
  •          }         
  •          alert("成功删除");             
  •      }  
  •     else 
  •      {  
  •          alert("该 select中 不存在该项");  
  •      }     
  • }  
  •  
  • //4.修改select选项中 value="paraValue"的text为"paraText" 
  • functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue)  
  • {  
  •     //判断是否存在 
  •     if(jsSelectIsExitItem(objSelect,objItemValue))  
  •      {  
  •         for(vari=0;i;I++)  
  •          {  
  •             if(objSelect.options[i].value == objItemValue)  
  •              {  
  •                  objSelect.options[i].text = objItemText;  
  •                 break;  
  •              }  
  •          }         
  •          alert("成功修改");             
  •      }  
  •     else 
  •      {  
  •          alert("该 select中 不存在该项");  
  •      }     
  • }  
  •          
  • //5.设置select中text="paraText"的第一个 Item为选中 
  • functionjsSelectItemByValue(objSelect,objItemText)  
  • {     
  •     //判断是否存在 
  •     varisExit =false;  
  •     for(vari=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 
  • varcurrSelectValue = document.all.objSelect.value;  
  •  
  • //8.得到select的当前选中项的text 
  • varcurrSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;  
  •  
  • //9.得到select的当前选中项的Index 
  • varcurrSelectIndex = document.all.objSelect.selectedIndex;  
  •  
  • //10.清空select的项 
  • document.all.objSelect.options.length = 0;
多思考,多创新,才是正道!

转载于:https://www.cnblogs.com/freeliver54/archive/2013/03/26/2982839.html

你可能感兴趣的文章
宏观经济
查看>>
综合练习:词频统计
查看>>
BZOJ1026: [SCOI2009]windy数
查看>>
样板操作数
查看>>
64位UBUNTU下安装adobe reader后无法启动
查看>>
iTextSharp带中文转换出来的PDF文档显示乱码
查看>>
组件:slot插槽
查看>>
走进C++程序世界------异常处理
查看>>
Nginx配置文件nginx.conf中文详解(转)
查看>>
POJ 1308 Is It A Tree?(并查集)
查看>>
N进制到M进制的转换问题
查看>>
利用sed把一行的文本文件改成每句一行
查看>>
Android应用开发:核心技术解析与最佳实践pdf
查看>>
python——爬虫
查看>>
孤荷凌寒自学python第五十八天成功使用python来连接上远端MongoDb数据库
查看>>
求一个字符串中最长回文子串的长度(承接上一个题目)
查看>>
简单权限管理系统原理浅析
查看>>
springIOC第一个课堂案例的实现
查看>>
求输入成绩的平均分
查看>>
php PDO (转载)
查看>>