• JQuery获取和设置select下拉框的值


        获取Select :
         获取select 选中的 text :
           $("#sid").find("option:selected").text();
         
         获取select选中的 value:
           $("#sid").val();
         
         获取select选中的索引:
             $("#sid").get(0).selectedIndex;
         
        设置select:
         设置select 选中的索引:
             $("#sid").get(0).selectedIndex=index;//index为索引值
         
         设置select 选中的value:
            $("#sid").attr("value","Normal“);
            $("#sid").val("Normal");
            $("#sid").get(0).value = value;
         
         设置select 选中的text:
        var count=$("#sidoption").length;
          for(var i=0;i<count;i++)  
             {           if($("#sid").get(0).options[i].text == text)  
                {  
                    $("#sid").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>");  //添加一项option
         $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项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 :
        $("#sid").empty();
         
        获取radio的值:
        <script language="javascript">
            $(function() {
                $("#Button1").click(function() {
                    var r = $("input:checked").attr("id");
                    alert(r);
         
                    r = $(":radio:checked").attr("id");
                    alert(r);
         
                    r = $(":radio:checked").eq(0).attr("id");
                    alert(r);
         
                    r = $("#div1").children(":radio:checked").attr("id");
                    alert(r);
         
                    r = $("#div1").children(":radio:checked").eq(0).attr("id");
                    alert(r);
         
                    r = $("#div1").find(":radio:checked").eq(0).attr("id");
                    alert(r);
         
                    $("#div1").find(":radio").each(function() {
                        alert($(this).attr("checked"));
                        if ($(this).attr("checked")) {
                            r = $(this).attr("id");
                            alert(r);
                        }
                    });
                });
            });
        </script>
         
        <div id='div1'>
        <input id="Radio1" name='rad' type="radio" />1<br/>
        <input id="Radio2" name='rad' type="radio" />2
        </div>
            <input id="Button1" type="button" value="button" />
  • 相关阅读:
    centos7部署jmeter+grafana+telegraf+prometheus/influxdb,构建性能测试可视化实时监控(三)
    python+uvicorn+fastapi (二)
    python+uvicorn+fastapi (一)
    vue系列 <router-link>属性
    vue系列 vue-router安装配置呈现DEMO
    vue系列 url的hash和HTML5的history
    vue系列 前后端渲染+前后端路由
    python框架Django实战商城项目之工程搭建
    Socket--selecct的用法
    迭代器与生成器的区别
  • 原文地址:https://www.cnblogs.com/wuheng1991/p/6380715.html
Copyright © 2020-2023  润新知