JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
js 处理 select :选中,删除,更改等
http://blog.csdn.net/wust_star/article/details/8234946
jquery操作select(增加,删除,清空)
http://huapengpeng1989412.blog.163.com/blog/static/58828754201342841940720/
jQuery获取Select选择的Text和Value:
1
2
3
4
5
6
7
8
9
|
$( "#select_id" ).change( function (){ //code...}); //为Select添加事件,当选择其中一项时触发
var
checkText=$( "#select_id" ).find( "option:selected" ).text(); //获取Select选择的text
var
checkValue=$( "#select_id" ).val(); //获取Select选择的Value
var
checkIndex=$( "#select_id " ).get(0).selectedIndex; //获取Select选择的索引值
var
maxIndex=$( "#select_id option:last" ).attr( "index" ); //获取Select最大的索引值
|
jQuery添加/删除Select的Option项:
1
2
3
4
5
6
7
8
9
10
11
|
$( "#select_id" ).append( "<option value=‘Value‘>Text</option>" ); //为Select追加一个Option(下拉项)
$( "#select_id" ).prepend( "<option value=‘0‘>请选择</option>" ); //为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‘的Optiona
$( "#select_id option[text=‘4‘]" ).remove(); //删除Select中Text=‘4‘的Optiona
|
内容清空:
1
|
$( "#charCity" ).empty();
|