本文固定链接: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标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
获取选中option值 $(‘#selectList’).val(); //2.获取选中option的文本 $(‘#selectList :selected’).text(); //3.获取多个选中option值、文本 var foo = []; $(‘#multiple :selected’).each(function(i, ...
不要分! Jquery 炒作Dom 请亲们收藏!
下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示: select的html标签如下: <select class=xxx id=yyy><option></option>...<option></option></select> 1.设置value为“lll...
jquery 超级select插件 v4.0.0.0版本 ...此插件能处理适合于 改变html 标签的input和select的功能,使input、select操作更加方面。使得select也可以进行填写功能。 支持 ie6.0、7.0、8.0、firefox all 版本。
我们经常遇到要操作DOM元素,例如<select>,在Asp.net中Dropdownlist原型就是select。
这是一款实用的select下拉框美化jquery插件。该select下拉框的原理是将select标签隐藏,并按照select标签用div和list绘制一个控件,将用户对div的操作映射到select上。css文件可以根据不同需求修改。
强大的jquery下拉框插件 ...使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容:IE8+、Chrome、Firefox等
关于布局的细节,表单确实很麻烦,浏览器的渲染...具体我也没有实际操作,而是意外的发现了jquery ui里面的select就可以设置高度。 其实很简单—就是设置select标签的font-family属性,如下: ————– select { fo
SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁,支持下拉,分页,键盘操作等功能。它的特点还有:插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI...
在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...
基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态请求的数据源...
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...
基于jQuery兼容Bootstrap2、3样式,以及非Bootstrap环境支持也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json...
台北") $("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模拟select下拉框分页菜单插件,点击输入框弹出下拉分页菜单选择列表,支持下拉,分页,键盘操作等功能代码。
这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多...
基于DjangoORM的外键实现增加用户(含select标签) 作业 第20周 课程安排 上课内容回顾 Django一对多的创建 创建一对多表结构 获取单表单数据的三种方式 一对多跨表操作 一对多块表操作的的三种方式 增加一对多...
后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$(“mix:condition”):mix标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型...