美文网首页前端开发大杂烩
获取Select标签的用法

获取Select标签的用法

作者: 小丶枫 | 来源:发表于2017-06-13 17:33 被阅读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();

相关文章

网友评论

    本文标题:获取Select标签的用法

    本文链接:https://www.haomeiwen.com/subject/nltjqxtx.html