`
a74682246679
  • 浏览: 9688 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Jquery操作select标签

 
阅读更多

本文固定链接:http://www.verydemo.com/demo_c110_i17835.html

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")

....................................................................

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版本的:


 jsSelectIsExitItem(objSelect,objItemValue)   
{   
      isExit =  ;   
      (  i=0;i;I++)   
     {   
          (objSelect.options[i].value == objItemValue)   
         {   
             isExit =  ;   
              ;   
         }   
     }        
      isExit;   
}   
  

 jsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)   
{   
     
      (jsSelectIsExitItem(objSelect,objItemValue))   
     {   
         alert(  );   
     }   
        
     {   
          varItem =  Option(objItemText,objItemValue);   

         objSelect.options.add(varItem, objItemPos);   
         alert(  );   
     }      
}   
  

 jsRemoveItemFromSelect(objSelect,objItemValue)   
{   
     
      (jsSelectIsExitItem(objSelect,objItemValue))   
     {   
          (  i=0;i;I++)   
         {   
              (objSelect.options[i].value == objItemValue)   
             {   
                 objSelect.options.remove(i);   
                  ;   
             }   
         }          
         alert(  );              
     }   
        
     {   
         alert(  );   
     }      
}   
  

 jsUpdateItemToSelect(objSelect,objItemText,objItemValue)   
{   
     
      (jsSelectIsExitItem(objSelect,objItemValue))   
     {   
          (  i=0;i;I++)   
         {   
              (objSelect.options[i].value == objItemValue)   
             {   
                 objSelect.options[i].text = objItemText;   
                  ;   
             }   
         }          
         alert(  );              
     }   
        
     {   
         alert(  );   
     }      
}   
          

 jsSelectItemByValue(objSelect,objItemText)   
{      
     
      isExit =  ;   
      (  i=0;i;I++)   
     {   
          (objSelect.options[i].text == objItemText)   
         {   
             objSelect.options[i].selected =  ;   
             isExit =  ;   
              ;   
         }   
     }        
     
      (isExit)   
     {   
         alert(  );              
     }   
        
     {   
         alert(  );   
     }      
}   
  

document.all.objSelect.value = objItemValue;   
  

 currSelectValue = document.all.objSelect.value;   
  

 currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
  

 currSelectIndex = document.all.objSelect.selectedIndex;   
  

document.all.objSelect.options.length = 0;  
分享到:
评论

相关推荐

    Jquery操作select标签例子

    Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。

    JQuery 操作select标签实现代码

    获取选中option值 $(‘#selectList’).val(); //2.获取选中option的文本 $(‘#selectList :selected’).text(); //3.获取多个选中option值、文本 var foo = []; $(‘#multiple :selected’).each(function(i, ...

    Jquery 操作 Dom 标签 select

    不要分! Jquery 炒作Dom 请亲们收藏!

    jQuery中的select操作详解

    下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示: select的html标签如下: &lt;select class=xxx id=yyy&gt;&lt;option&gt;&lt;/option&gt;...&lt;option&gt;&lt;/option&gt;&lt;/select&gt; 1.设置value为“lll...

    jquery 超级 select插件v4.0(免资源分版)

    jquery 超级select插件 v4.0.0.0版本 ...此插件能处理适合于 改变html 标签的input和select的功能,使input、select操作更加方面。使得select也可以进行填写功能。 支持 ie6.0、7.0、8.0、firefox all 版本。

    JQuery select标签操作代码段

    我们经常遇到要操作DOM元素,例如&lt;select&gt;,在Asp.net中Dropdownlist原型就是select。

    实用select下拉框美化jquery插件

    这是一款实用的select下拉框美化jquery插件。该select下拉框的原理是将select标签隐藏,并按照select标签用div和list绘制一个控件,将用户对div的操作映射到select上。css文件可以根据不同需求修改。

    jQuery 下拉框插件-带列表,带输入,快速查找及结果分页展示的多功能选择器

    强大的jquery下拉框插件 ...使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容:IE8+、Chrome、Firefox等

    关于select标签的高度设置在ie6/ie7下兼容心得

    关于布局的细节,表单确实很麻烦,浏览器的渲染...具体我也没有实际操作,而是意外的发现了jquery ui里面的select就可以设置高度。 其实很简单—就是设置select标签的font-family属性,如下: ————– select { fo

    selectpage.js,版本2.19

    SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁,支持下拉,分页,键盘操作等功能。它的特点还有:插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI...

    Jquery知识点三 jquery表单对象操作

    在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...

    SelectPage v2.13

    基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态请求的数据源...

    jQuery详细教程

    jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...

    SelectPage下拉分页插件 v2.19

    基于jQuery兼容Bootstrap2、3样式,以及非Bootstrap环境支持也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json...

    jquery-1.1.3 效率提高800%

    台北") $("div#台北") $("foo_bar台北") $("div[@id=台北]")Escape Selectors: A frequently requested feature you can now select elements by ID (or other selector) that uses a special character, ...

    jQuery输入框下拉选择菜单

    jQuery输入框下拉选择菜单是一款jQuery模拟select下拉框分页菜单插件,点击输入框弹出下拉分页菜单选择列表,支持下拉,分页,键盘操作等功能代码。

    jQuery完全实例.rar

    这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    基于DjangoORM的外键实现增加用户(含select标签) 作业 第20周 课程安排 上课内容回顾 Django一对多的创建 创建一对多表结构 获取单表单数据的三种方式 一对多跨表操作 一对多块表操作的的三种方式 增加一对多...

    Jquery 表单取值赋值的一些基本操作

    后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$(“mix:condition”):mix标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型...

Global site tag (gtag.js) - Google Analytics