jQuery操作select控件的取值和设值
巴扎黑2017-01-11 10:03:10249本文主要实例浅析jQuery操作SELECT控件取值和设值。
1.级联SELECT的操作,后一个SELECT的值随着前一个SELECT选中值变化
1 2 3 4 5 | $( ".SELECT_A" ).change( function (){
$( ".SELECT_B" ).empty();
var option = $( "<option>" ).val(1).text( 'xxx' );
$( ".SELECT_B" ).append(option);
});
|
2.获取SELECT选中项value值
3.获取SELECT选中项的文本text
1 | $( ".SELECT" ).find( "option:SELECTed" ).text();
|
4.设置SELECT选中对应value值项、对应text文本项
1 2 | $( ".SELECT" ).val( 'xxx' );
$( ".SELECT" ).find( "option[text='xxx']" ).prop( 'SELECTed' , true );
|
更多关于jQuery操作SELECT控件的取值和设值请关注PHP中文网(www.php.cn)其他文章!