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
  • 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;

Jquery 操作 select的更多相关文章

  1. Jquery操作select,左右移动,双击移动 取到所有option的值

    $(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected& ...

  2. ThinkPHP第二十六天(JQuery操作select,SESSION和COOKIE)

    1.JQuery操作select,假设<select id="my"> A:双击选项<option>事件,应该是select的dbclick事件. B:获得 ...

  3. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  4. js与jQuery操作select大全

    Js操作Select是很常见的,也是比较实用的,每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 一.js操作select部分 判断select选项中 是否存在V ...

  5. Jquery 操作 Select 详解

    jQuery是如何控制和操作select的.先看下面的代码 比如<select class="selector"></select> 1.设置value为p ...

  6. JQuery操作select下拉框

    JQuery操作select下拉框 获取Select选择的Text和Value $("#select_id").change(function(){//code...}); //为 ...

  7. jquery 操作select 资料

    每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...

  8. jquery操作select(增加,删除,清空)

    jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件, ...

  9. Jquery操作select小结

    每次操作select都要查资料,干脆总结一下. 为select设置placeholder <select class="form-control selOP" placeho ...

  10. jquery操作select(取值,设置选中)[转]

    每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...

随机推荐

  1. 【Web Service】WSDL文档

    WSDL文档仅仅是一个简单的XML文档. 它包含一系列描述某个web service的定义. WSDL WSDL 是基于 XML 的语言,用于描述 Web services 以及如何访问它们. WSD ...

  2. 温习H3C S5500的VLAN配置

    这,才是我想要的... ACCESS还是TRUNK TYPE?

  3. OLAP 大表和小表并行hash join

    一个表50MB 一个表10GB 50M表做驱动表,放在PGA里 这时候慢在对对 10g 的全表扫描 对10个G扫描块 需要开并行 我有这样一个算法 一个进程 读 50mb 8进程 来 扫描 10gb ...

  4. 关于aspx 页面生成html 源码顶部空行不得不说的事儿

    原文引用自 http://www.360doc.com/content/12/0910/21/10504424_235418578.shtml 使用.aspx生成的页面一般都会有一个或多个空行,当然这 ...

  5. WCF扩展系列 - 行为扩展(Behaviors)

    原文地址:http://www.cnblogs.com/Creator/archive/2011/05/21/2052687.html 这个系列的第一部分将会重点关注WCF行为(behaviors), ...

  6. 洛谷2344 奶牛抗议(DP+BIT+离散化)

    洛谷2344 奶牛抗议 本题地址:http://www.luogu.org/problem/show?pid=2344 题目背景 Generic Cow Protests, 2011 Feb 题目描述 ...

  7. 《ACM国际大学生程序设计竞赛题解I》——6.8

    Poj1068: Description Let S = s1 s2...s2n be a well-formed string of parentheses. S can be encoded in ...

  8. 高性能MySql进化论(九):查询优化器常用的优化方式

    1        介绍 1.1     处理流程 当MYSQL 收到一条查询请求时,会首先通过关键字对SQL语句进行解析,生成一颗“解析树”,然后预处理器会校验“解析树”是否合法(主要校验数据列和表明 ...

  9. IOS UIView 之属性篇

    UIView 继承于UIResponder 所遵守的协议有 NSCoding .UIAppearance. UIAppearanceContainer                         ...

  10. 常用的bat命令

    获取输入法adb shell settings get secure default_input_method修改输入法adb shell settings put secure default_in ...