前端开发大杂烩

获取Select标签的用法

2017-06-13  本文已影响0人  小丶枫

获取select选中的text:

$("#id").find("option:selected").text();

获取select选中的value:

$("#id").val();

获取select选中的索引:

$("#id").get(0).selectedIndex;

设置select选中的索引:

$("#id").get(0).selectedIndex = index;       //index为索引值

设置select选中的value:

$("#id").attr("value","Normal");

$("#id").val("Normal");

$("#id").get(0).value = value;

设置select选中的text:

var count = $("#id").length;

for(var i = 0;i < count;i++){

if($("#id").get(0).options[i].text == text){

    $("#id").get(0).options[i].selected = true;

    break;}

}

$("#select_id option[text='jQuery']").attr("selected",true);

设置select option项:

$("#select_id").append("<option value='value'>Text</option>");

$("#select_id").prepend("<option value='0'>请选择</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:

$("#id").empty();

上一篇下一篇

猜你喜欢

热点阅读