• jquery 对select option 增删改查


    一、查

      jQuery获取select的Text和Value:

    代码如下:

       1、当select添加选择事件,当选择其中一项时触发:

                $("#select_id").change(function(){  code……      });

      2、获取select选择的text

                  var checkText=$("#select_id").find("option:selected").text();

      3、获取select选择的value

                   var checkVal=$("#select_id").val();

      4、获取选择的索引值

      var checkIndex=$("#selId").get(0).selectedIndex;

      5、获取select最大的索引值

      var maxIndex=$("#SelId option:last").attr("index");

    二、增/删

    代码如下:

    1、select追加一个option下拉选项

    $("#selId").append("<option value='val'>text</option>");

    2、在下拉选项第一个位置插入一条新选项

    $("#selId").prepend("<option value='0'>text</option>");

    3、删除select中索引值最大的Option

    $("#selId option:last").remove()

    4、删除指定索引的option

    $("#selId option[index='0']").remove();

    5、删除指定value的option

    $("#selId option[value='232']").remove();

    6、删除指定text的option

    $("#selId option[text='jkl']").remove();

     

    总结:总结如上,呵呵。

       

  • 相关阅读:
    CSS3中background-origin和background-clip的区别
    JavaScript的赋值是引用or复制,及参数传递
    写第一个jquery插件实录
    北大acm1008
    北大acm1007
    北大acm1006
    北大acm1005
    北大acm1004
    团队绩效评估
    第二阶段冲刺第十天
  • 原文地址:https://www.cnblogs.com/renxiaoren/p/4953021.html
Copyright © 2020-2023  润新知