您好,欢迎访问一九零五行业门户网

jquery获得option的值和对option进行操作_jquery

jquery获取select元素,并选择的text和value:
复制代码 代码如下:
$(#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元素,并设置的 text和value:
实例分析:
复制代码 代码如下:
$(#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的项选中
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
三级分类 onchange=getfourthlevel()>
请选择三级分类
四级分类:
请选择四级分类
if($(#thirdlevel).val()!=0){
$(#thirdlevel option[value!=0]).remove();
}
if($(#fourthlevelid).val()!=0){
$(#fourthlevelid option[value!=0]).remove();
}//这个表示:假如我们希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。在后面学习了ajax技术后经常会使用到!
获取select :
获取select 选中的 text :
$(#ddlregtype).find(option:selected).text();
获取select选中的 value:
$(#ddlregtype ).val();
获取select选中的索引:
$(#ddlregtype ).get(0).selectedindex;
设置select:
设置select 选中的索引:
$(#ddlregtype ).get(0).selectedindex=index;//index为索引值
设置select 选中的value:
复制代码 代码如下:
$(#ddlregtype ).attr(value,normal“);
$(#ddlregtype ).val(normal);
$(#ddlregtype ).get(0).value = value;
设置select 选中的text:
复制代码 代码如下:
var count=$(#ddlregtype option).length;
for(var i=0;i{ if($(#ddlregtype ).get(0).options[i].text == text)
{
$(#ddlregtype ).get(0).options[i].selected = true;
break;
}
}
$(#select_id option[text='jquery']).attr(selected, true);
设置select option项:
复制代码 代码如下:
$(#select_id).append(text); //添加一项option
$(#select_id).prepend(请选择); //在前面插入一项option
$(#select_id option:last).remove(); //删除索引值最大的option
$(#select_id option[index='0']).remove();//删除索引值为0的option
$(#select_id option[value='3']).remove(); //删除值为3的option
$(#select_id option[text='4']).remove(); //删除text值为4的option
清空 select:
$(#ddlregtype ).empty();
jquery获得值:
val()
text()
设置值
val('在这里设置值')
复制代码 代码如下:
$(document).ready(function(){
$(#btn1).click(function(){
$([name='checkbox']).attr(checked,'true');//全选
})
$(#btn2).click(function(){
$([name='checkbox']).removeattr(checked);//取消全选
})
$(#btn3).click(function(){
$([name='checkbox']:even).attr(checked,'true');//选中所有奇数
})
$(#btn4).click(function(){
$([name='checkbox']).each(function(){//反选
if($(this).attr(checked)){
$(this).removeattr(checked);
}
else{
$(this).attr(checked,'true');
}
})
})
$(#btn5).click(function(){//输出选中的值
var str=;
$([name='checkbox'][checked]).each(function(){
str+=$(this).val()+\r\n;
//alert($(this).val());
})
alert(str);
})
})
其它类似信息

推荐信息