工作中避免不了会用到下拉框,今天总结一下jquery对select的常用操作(不包含多选项),下面的代码基于jquery1.7.2测试通过。
03 |
<select name= "my_select"
id= "my_select" >
|
04 |
<option value= "v1" >text1</option>
|
05 |
<option value= "v2" >text2</option>
|
06 |
<option value= "v3"
selected= 'true' >text3</option>
|
07 |
<option value= "v4" >text4</option>
|
08 |
<option value= "v5" >text5</option>
|
11 |
<script type= "text/javascript" >
|
16 |
$( '#my_select' ).val();
|
17 |
$( '[name=my_select]' ).val();
|
20 |
$( '#my_select' ).text();
|
23 |
$( "#my_select option:selected" );
|
26 |
$( '#my_select option:selected' ).text();
|
29 |
$( "#my_select option[value='v4']" ).attr( 'selected' ,
'selected' );
|
30 |
$( "#my_select" ).val( 'v5' );
|
31 |
$( "#my_select" ).prop( "selectedIndex" , 1);
|
34 |
$( '#my_select option:first' ).attr( 'selected' , 'selected' );
|
37 |
$( '#my_select option:last' ).attr( 'selected' , 'selected' );
|
40 |
$( "#my_select option" ).length;
|
43 |
$( '#my_select' ).change( function (){
|
45 |
alert($( '#my_select option:selected' ).text());
|
50 |
$( "#my_select" ).val( function () {
|
51 |
return
$( 'option' ,
this ).filter( function () {
|
52 |
return
$( this ).text() ==
'text4' ;
|
57 |
$( "#my_select option" ).each( function () {
|
58 |
alert( this .text +
' ' + this .value);
|
62 |
$( '#my_select' ).empty();
|
63 |
$( '#my_select option' ).remove();
|
分享到:
相关推荐
jQuery select下拉框美化代码基于jquery.1.10.2.min.js制作,点击下拉框,显示下拉框内容。
80、jquery select下拉框美化代码
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
尽管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得美观起来,特别是...当然我们以前也分享过一些类似的插件,可以看看漂亮实用的Select下拉框美化插件Tether,也可以看看这款jQuery 美化界面的下拉框。
代码简介:jQuery Select下拉框美化特效是一款绿色清新风格的带有滚动条下拉框代码。
jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件
jQuery Select下拉框分类菜单多选插件一款功能比较全面的自定义下拉菜单选项多选代码,除了可以对选项进行分类,还带有搜索功能。
ui-select.js下拉框美化插件是一款能增强和美化网页默认select下拉框元素的jQuery Select下拉框美化代码,并且在所有浏览器中样式显示一致。
jQuery Select下拉框关键字匹配查询选择代码
JQuery select下拉框美化插件是一款jquery结合jQueryUI对select下拉框美化以及功能性禁用的js插件。
jQuery Select下拉框美化插件.zip
jquery select下拉框美化代码是一款基于jQuery实现的点击展开下拉框菜单选择代码。
jQuery Select下拉框美化表单基于jquery.selectlist.js和jquery-1.9.1.min.js制作,适用于招聘网站,下拉框选择学历和工资要求。
小清新的jquery select 下拉框样式美化效果,和默认的下拉框相比,是不是漂亮了许多,我觉得这种更灵活吧,不但样式好看,而且也便于和你网页风格的融合,再些感谢作者的分享。
一款功能齐全的jQuery Select下拉框菜单选择插件,支持设置多选,单选,分组选择,禁用,搜索等常用的下拉框菜单选择功能。