美文网首页前端开发大杂烩
获取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