zoukankan      html  css  js  c++  java
  • jQuery操作select下拉框的text值和value值的方法

    1、jquery获取当前选中select的text值

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


    2、jquery获取当前选中select的value值

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


    3、jquery获取当前选中select的索引值

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


    4、jquery设置索引值为1的项为当前选中项

    $("#select1").get(0).selectedIndex=1; 


    5、jquery设置value值1的项为当前选中项

    $("#select1").val(1);


    6、jquery设置text值为"2017"的项为当前选中项

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


    7、为指定select下拉框追加一个option(追加到在末尾)

    $("#select1").append(""+i+""); 


    8、为制定select下拉框插入一个option(插入到第一个位置)

    $("#select1").prepend("请选择"); 


    9、jquery删除select下拉框的最后一个option

    $("#select1 option:last").remove();

    10、清空select控件内容

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

    11、jQuery添加/删除Select的Option项

    $("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
     
    $("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
     
    $("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)
     
    $("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
    
    $("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option
     
    $("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option
  • 相关阅读:
    OpenEuler 中C与汇编的混合编程
    实验四 Web服务器2
    实验四 Web服务器1
    OpenEuler中C语言中的函数调用测试
    第14章学习笔记(20191213兰毅达)
    第13章学习笔记(20191213兰毅达)
    第12章学习笔记(20191213兰毅达)
    冲刺day5
    Oracle中Sequence使用
    Oracle中dual表的用途
  • 原文地址:https://www.cnblogs.com/swjian/p/6856706.html
Copyright © 2011-2022 走看看