zoukankan      html  css  js  c++  java
  • 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();

     

    总结:总结如上,呵呵。

       

  • 相关阅读:
    day24<多线程>
    day23<File类递归练习>
    day22<IO流+>
    day21<IO流+&FIle递归>
    day20<IO流>
    day19<异常&File类>
    day18<集合框架+>
    day17<集合框架+>
    R语言中的标准输入,输出, 错误流
    Perl Spreadsheet::WriteExcel 模块自动生成excel 文件
  • 原文地址:https://www.cnblogs.com/renxiaoren/p/4953021.html
Copyright © 2011-2022 走看看