2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
4、获取当前选中项的text
$(".selector").find("option:selected").text();(经测试这个可能有问题)
$("#selector option").filter(function(){return $(this).text()=="pxx1";}).prop("selected",true);(可以)
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
- //获取第一个option的值
- var firstval=$('#selectID option:first').val();
- alert(firstval);
- //获取最后一个option的值
- var lastval =$('#selectID option:last').val();
- alert(lastval);
- //获取第二个option的值
- var secondval =$('#selectID option:eq(1)').val();
- alert (secondval);
- //获取选中项的值
- var selectedval =$('#selectID option:selected').val();
- alert(selectedval);
- //设置值为3的option为选中状态
- $('#selectID').attr('value','3');
- //设置最后一个option为选中状态
- $('#selectID option:last').attr('selected','selected');
- $('#selectID').attr('value',$('#selectID option:last').val());
- $('#selectID').attr('value',$('#selectID option').eq($('#selectID option').length-1).val());
- //获取select的长度
- var selectlength =$('#selectID option').length;
- alert(selectlength);
- //添加一个option
- $('#selectID').append("<option value='n+1'>第n+1项</option>");
- $("<option value='n+1'>第n+1项</option>>").appendTo('#selectID');
- //删除选中项
- $('#selectID option:selected').remove();
- //删除第一项
- $('#selectedID option:first').remove();
- //指定值被删除
- $('#selectedID option').each(function(){
- if($(this).val()=='3'){
- $(this).remove();
- }
- });
监听事件:
$(".selector1").change(function(){
});
或者:(用于js动态新增的select标签)
$(某个已知标签).on("","定位select的属性值",function(){
});