jquery select选中、jquery获取select选中的值 收藏 0

实用的 jQuery下拉选择框插件集合

jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？

ddSlick是一款非常轻量的插件，能够帮助你实现自定义的下拉导航菜单效果。

在这里我们向大家展示更多的UI元素：一个搜索框过滤器和一个大的下拉菜单。我们将在这两种元素的效果中使用jQuery，同时还将使用大量的CSS3属性来创建一些灵活的细节。

wSelect是一种快速、轻量的jQuery插件。它可以实现完全可定制的和简洁的下拉选择框。下拉框中的项目都是基于div实现，所以内容可以采用HTML实现，比如为选项添加图标。

你是否已经厌倦了传统的下拉框？那么试试这个新的吧！JavaScript image combobox能够将传统select下拉框转换成可以为下拉选项添加图标的Image Combobox。

Simple chained combobox plugin是一个很简单的jQuery选项插件，通过JSON的加工和返回特点，提供连锁反应式的多重选择。

jQuery Selectbox plugin是一款基于jquery.selectbox实现的Select下拉列表美化插件。它可以自定义下拉列表的风格，允许你在Select的任何部位使用图片，营造出适合网页风格的Select下拉框。jquery.selectbox可以让你不使用html自带的select制作下拉列表，风格完全自定义。

jQuery Searchable DropDown Plugin可以将一个普通的下拉元素扩展成可搜索的部件。

Multiple Select是一个非常有用的jQuery插件，它允许在选择下拉列表中选择的多个元素。

Responsive & Cross Browser jQuery Dropdown Menu Plugin是jQuery扩展的插件，它能自动将一个多级下拉菜单变成一个可折叠的移动导航窗口。

这是一个非常实用且夸浏览器的jQuery插件，它能替代浏览器的默认多选择框。

MobiMenu是一个响应的移动菜单插件，能够创建一个多层次的顶部下拉导航和平滑滑动动画。

本站文章除注明转载外，均为本站原创或翻译

jquery 表单常用方法解析

input选择NAME参数

$(\”input[name=\’optionsRadios\’]\”).prop(\”checked\”,false);

赋值

$(\”input[name=\’radioName\’][value=2]\”)

1、$(\”form :input\”) 返回form中的所有表单对象，包括textarea、select、button等.

2、 $(\”form input\”)返回form中的所有input标签对象.

要想获取某个radio的值有以下的几种方法,直接给出代码：

1.$(\’input[name=\”testradio\”]:checked\’).val();2、

1.$(\’input:radio:checked\’).val();3、

1.$(\’input[@name=\”testradio\”][checked]\’);4、

1.$(\’input[name=\”testradio\”]\’).filter(\’:checked\’);差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下

1.$(\’input[name=\”testradio\”]\’).each(function(){2.alert(this.value);3.});如果要取具体某个radio的值，比如第二个radio的值，这样写

1.$(\’input[name=\”testradio\”]:eq(1)\’).val()

下拉框选择项的value值 $(\”select\”).find(\”option:selected\”).val();

下拉框选择项的text值 $(\”select\”).find(\”option:selected\”).text();

jquery select通过value找text

$(\”#orderstate option[value=\” + cellvalue + \”]\”).text();

判断选中

$(\”#orderstate‘).is(\”:checked\”)

jquery选择器

jQuery选择器共有四大类，分别为基本选择器，层次选择器，过滤选择器和表单选择器。

基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素。

适合于通过DOM元素之间的层次关系来获取特定元素，例如后代元素，子元素，相邻元素和兄弟元素。

注意：$(“prev~siblings”)选择器与siblings()方法的区别。

$(“#prev~div”)选择的是”#prev”元素后面的所有的同辈的div元素。而siblings()方法与 前后位置无关，只要是同辈节点就都能匹配。

过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则，过滤选择器可以分为基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤，表单过滤和表单对象属性过滤选择器共七种选择器。

主要对所选择的元素中所包含的子元素或内容进行过滤。

主要对元素的可见性（可见或不可见）进行过滤。

可见选择器:hidden，可以对样式的display的值为none的元素进行过滤选择；以外；还可以对表单的隐藏元素（即类型为hidden的表单项）或visible:hidden的元素进行过滤选择。

主要对元素的属性进行过滤选择符合属性特征符合的元素。

主要选择元素中所含有的子元素。

:nth-child 过滤选择器：

:nth-child(even) 选取父元素下索引号为偶数的子元素

:nth-child(odd) 选取父元素下索引号为奇数的子元素

:nth-child(5n) 选取父元素下索引号为5n的子元素

:nth-child(5n+1) 选取父元素下索引号为5n+1的子元素

主要对表单元素进行过滤选择。

主要对所选择的表单元素进行过滤。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com