JQuery下拉控件select操作方法大全__select_id_Select_select_option_nowamagic_

当前位置: 编程技术>jquery

JQuery下拉控件select操作方法大全

来源: 互联网发布时间：2014-10-04

本文导语: JQuery获取和设置Select选项方法汇总：获取select 代码示例: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 varcheckText=$("#select_id").find("option:selected").text(); //获取Select选择的Text varcheckValue...

JQuery获取和设置Select选项方法汇总：

获取select

代码示例:

 $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发

 varcheckText=$("#select_id").find("option:selected").text(); //获取Select选择的Text

 varcheckValue=$("#select_id").val(); //获取Select选择的Value

 varcheckIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值

 varmaxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

 $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中

 $("#select_id ").val(4);  //设置Select的Value值为4的项选中

 $("#select_id option[text='jQuery']").attr("selected",true);  //设置Select的Text值为jQuery的项选中

获取select 选中的 text :

代码示例:

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

代码示例:

$("#nowamagic").val();

获取select选中的索引:

代码示例:

$("#nowamagic").get(0).selectedIndex;

设置select
jQuery添加/删除Select的Option项：

代码示例:

 $("#select_id").append("Text"); //为Select追加一个Option(下拉项)

 $("#select_id").prepend("请选择"); //为Select插入一个Option(第一个位置)

 $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)

 $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

 $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option

 $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

设置select 选中的索引：

代码示例:

//index为索引值

$("#nowamagic").get(0).selectedIndex=index;

设置select 选中的value：

代码示例:

$("#nowamagic").attr("value","Normal");

$("#nowamagic").val("Normal");

$("#nowamagic").get(0).value = value;

设置select 选中的text:

代码示例:

varcount=$("#nowamagicoption").length;

for(vari=0;i

您可能感兴趣的文章:

jQuery 下拉菜单插件 jQuery menu-aim

jQuery下拉菜单插件 jQuery Simple Drop Down Menu

jquery下拉菜单效果 jquery点击弹出下拉菜单的例子

jQuery联动下拉框 jQuery optionTree

jQuery下拉选择插件 MagicCombo

jQuery下拉框美化插件 Select-or-Die

jQuery下拉框插件 FlexBox

jQuery 下拉列表插件 Heapbox

jQuery 下拉框插件 Selectik

jQuery 下拉菜单插件 menu-aim

jQuery下拉组件 ddSlick

jQuery下拉列表插件 jQselectable

jQuery 下拉列表 Custom Drop

jQuery水平下拉菜单 jMenu

jQuery下拉框插件 mcDropdown

巧用jquery解决下拉菜单被Div遮挡的相关问题

jQuery下拉菜单插件 jbar

jQuery自定义下拉列表 DropKick

jquery easyui自定义下拉框列表

jQuery操作select下拉框的text值和value值的方法

jQuery区间选择控件 jquery range picker

jquery分页展示控件 kkpager

jQuery图库导航控件 prettyGallery

jQuery产品展示控件 jqueryBook

可拖放的树形控件 jQuery Simple Tree

jQuery的Tree控件 jstree

日期选择控件 jQuery DateInput

jquery模拟select控件

jQuery 表格控件 mmGrid

jQuery树形控件 wdTree

Jquery easyui之控件参数传递方法

本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。