jquery操作select下拉框
2013-11-21 11:01
363 查看
获取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<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项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();
详细出处参考:/article/1255398.html
获取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<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项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();
详细出处参考:/article/1255398.html
相关文章推荐
- jQuery操作select下拉框(增加,删除,修改)
- jquery操作select下拉框的多种方法(选中,取值,赋值等)
- jQuery操作select下拉框的text值和value值的方法
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select下拉框的多种方法(选中,取值,赋值等)
- jquery操作select下拉框的 4000 多种方法(选中,取值,赋值等)
- jquery操作select下拉框的多种方法(选中,取值,赋值等
- jquery操作select下拉框的多种方法(选中,取值,赋值等)
- jquery对html中的下拉框select的操作
- jquery操作select下拉框的 4000 多种方法(选中,取值,赋值等)
- jQuery操作select下拉框的方法
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载
- jquery操作select下拉框的多种方法(选中,取值,赋值等)
- jQuery操作select下拉框的text值和value值的方法
- JS/JQuery操作select下拉框
- jquery操作select下拉框的多种方法(选中_取值_赋值等)
- jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载
- 两个SELECT外加一个下拉框的JQuery JS联动操作
- jquery操作select下拉框的多种方法(选中_取值_赋值等)