zoukankan      html  css  js  c++  java
  • JS,Jquery获取,dropdownlist,checkbox 下拉列表框的值

    JS,Jquery获取,dropdownlist,checkbox 下拉列表框的值

    25人阅读 评论(0) 收藏 举报

    转载自http://my.oschina.net/kaituozhe/blog/13486

     

    jQuery获取Select选择的Text和Value: 
    语法申明: 
    1. ¥("#_id").change(function(){//code...});   //为Select添加事务,被选择此中一项时触发 
    2. var checkText=¥("#_id").find("option:ed").text();  //获取Select选择的Text 
    3. var checkValue=¥("#_id").val();  //获取Select选择的Value 
    4. var checkIndex=¥("#_id ").get(0).edIndex;  //获取Select选择的索引值 
    5. var maxIndex=¥("#_id option:last").attr("index");  //获取Select最大的索引值 
    jQuery设置Select选择的Text和Value: 
    语法申明: 
    1. ¥("#_id ").get(0).edIndex=1;  //设置Select索引值为1的项选中 
    2. ¥("#_id ").val(4);   //设置Select的Value值为4的项选中 
    3. ¥("#_id option[text=""jQuery""]").attr("ed", true);   //设置Select的Text值为jQuery的项选中 

    jQuery添加/删除Select的Option项: 
    语法申明: 
    1. ¥("#_id").append("<option value=""Value"">Text</option>");  //为Select追加一个Option(下拉项) 
    2. ¥("#_id").prepend("<option value=""0"">请选择</option>");  //为Select插入一个Option(第一个地位) 
    3. ¥("#_id option:last").remove();  //删除Select中索引值最大Option(最后一个) 
    4. ¥("#_id option[index=""0""]").remove();  //删除Select中索引值为0的Option(第一个) 
    5. ¥("#_id option[value=""3""]").remove();  //删除Select中Value=""3""的Option 
    5. ¥("#_id option[text=""4""]").remove();  //删除Select中Text=""4""的Option 
    http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html 

    jquery radio取值,checkbox取值,取值,radio选中,checkbox选中,选中,及其相干 
    获取一组radio被选中项的值 
    var item = ¥(""input[@name=items][@checked]"").val(); 
    获取被选中项的文本 
    var item = ¥("[@name=items] option[@ed]").text(); 
    下拉框的第二个元素为当前选中值 
    ¥(""#_id"")[0].edIndex = 1; 
    radio单选组的第二个元素为当前选中值 
    ¥(""input[@name=items]"").get(1).checked = true; 

    获取值: 

    文本框,文本区域:¥("#txt").attr("value"); 
    多选框checkbox:¥("#checkbox_id").attr("value"); 
    单选组radio:   ¥("input[@type=radio][@checked]").val(); 
    下拉框: ¥(""#sel"").val(); 

    把握表单位素: 
    文本框,文本区域:¥("#txt").attr("value","""");//清空内容 
                     ¥("#txt").attr("value",""11"");//填充内容 

    多选框checkbox: ¥("#chk1").attr("checked","""");//不打勾 
                     ¥("#chk2").attr("checked",true);//打勾 
                     if(¥("#chk1").attr(""checked"")==undefined) //断定是否已经打勾 

    单选组radio:    ¥("input[@type=radio]").attr("checked",""2"");//设置value=2的项目为当前选中项 
    下拉框:   ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
                    ¥("<option value=""1"">1111</option><option value=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
                    ¥("#sel").empty();//清空下拉框 

    ---------------------------------------------------------------------------------------------------- 


    //遍历option和添加、移除option 
    function changeShipMethod(shipping){ 
    var len = ¥("[@name=ISHIPTYPE] option").length 
    if(shipping.value != "CA"){ 
    ¥("[@name=ISHIPTYPE] option").each(function(){ 
    if(¥(this).val() == 111){ 
    ¥(this).remove(); 
    } 
    }); 
    }else{ 
    ¥("<option value=""111"">UPS Ground</option>").appendTo(¥("[@name=ISHIPTYPE]")); 
    } 
    } 


    //取得下拉選單的選取值 

    ¥(#testSelect option:ed"").text(); 
    或¥("#testSelect").find(""option:ed"").text(); 
    或¥("#testSelect").val(); 
    ////////////////////////////////////////////////////////////////// 
    记性不好的可以收藏下: 
    1,下拉框: 

    var cc1 = ¥(".formc [@name=""country""] option[@ed]").text(); //获得下拉菜单的选中项的文本(重视中心有空格) 
    var cc2 = ¥("".formc [@name="country"]"").val(); //获得下拉菜单的选中项的值 
    var cc3 = ¥("".formc [@name="country"]"").attr("id"); //获得下拉菜单的选中项的ID属性值 
    ¥("#").empty();//清空下拉框//¥("#").html(""""); 
    ¥("<option value=""1"">1111</option>").appendTo("#")//添加下拉框的option 

    稍微申明一下: 
    1.[@name=""country""] option[@ed] 默示具有name 属性, 
    并且该属性值为""country"" 的元素 里面的具有ed 属性的option 元素; 
    可以看出有@开首的就默示后面跟的是属性。 

    2,单选框: 
    ¥("input[@type=radio][@checked]").val(); //获得单选框的选中项的值(重视中心没有空格) 
    ¥("input[@type=radio][@value=2]").attr("checked",""checked""); //设置单选框value=2的为选中状况.(重视中心没有空格) 

    3,复选框: 
    ¥("input[@type=checkbox][@checked]").val(); //获得复选框的选中的第一项的值 
    ¥("input[@type=checkbox][@checked]").each(function(){ //因为复选框一般选中的是多个,所以可以轮回输出 
    alert(¥(this).val()); 
    }); 

    ¥("#chk1").attr("checked","""");//不打勾 
    ¥("#chk2").attr("checked",true);//打勾 
    if(¥("#chk1").attr(""checked"")==undefined){} //断定是否已经打勾 


    当然jquery的选择器是强大的. 还有很多办法. 

    <script src="jquery-1.2.1.js" type="text/javascript"></script> 
    <script language="javascript" type="text/javascript"> 
    ¥(document).ready(function(){ 
    ¥("#Test").change(function() 
    { 
    //alert("Hello"); 
    //alert(¥("#Test").attr("name")); 
    //¥("a").attr("href","xx.html"); 
    //window.location.href="xx.html"; 
    //alert(¥("#Test").val()); 
    alert(¥("#Test option[@ed]").text()); 
    ¥("#Test").attr("value", "2"); 

    }); 
    }); 
    </script> 


    <a href="#">aaass</a> 

    <!--下拉框--> 
    < id="Test" name="Test"> 
    <option value="1">11</option> 
    <option value="2">22</option> 
    <option value="3">33</option> 
    <option value="4">44</option> 
    <option value="5">55</option> 
    <option value="6">66</option> 
    </> 
    jquery radio取值,checkbox取值,取值,radio选中,checkbox选中,选中,及其相干获取一组radio被选中项的值 
    var item = ¥(""input[@name=items][@checked]"").val(); 
    获取被选中项的文本 
    var item = ¥("[@name=items] option[@ed]").text(); 
    下拉框的第二个元素为当前选中值 
    ¥(""#_id"")[0].edIndex = 1; 
    radio单选组的第二个元素为当前选中值 
    ¥(""input[@name=items]"").get(1).checked = true; 
    获取值: 
    文本框,文本区域:¥("#txt").attr("value"); 
    多选框checkbox:¥("#checkbox_id").attr("value"); 
    单选组radio: ¥("input[@type=radio][@checked]").val(); 
    下拉框: ¥(""#sel"").val(); 
    把握表单位素: 
    文本框,文本区域:¥("#txt").attr("value","""");//清空内容 
    ¥("#txt").attr("value",""11"");//填充内容 
    多选框checkbox: ¥("#chk1").attr("checked","""");//不打勾 
    ¥("#chk2").attr("checked",true);//打勾 
    if(¥("#chk1").attr(""checked"")==undefined) //断定是否已经打勾 
    单选组radio: ¥("input[@type=radio]").attr("checked",""2"");//设置value=2的项目为当前选中项 
    下拉框: ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
    ¥("<optionvalue=""1"">1111</option><optionvalue=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
    ¥("#sel").empty();//清空下拉框 

    获取一组radio被选中项的值 
    var item = ¥(""input[@name=items][@checked]"").val(); 
    获取被选中项的文本 
    var item = ¥("[@name=items] option[@ed]").text(); 
    下拉框的第二个元素为当前选中值 
    ¥(""#_id"")[0].edIndex = 1; 
    radio单选组的第二个元素为当前选中值 
    ¥(""input[@name=items]"").get(1).checked = true; 
    获取值: 
    文本框,文本区域:¥("#txt").attr("value"); 
    多选框checkbox:¥("#checkbox_id").attr("value"); 
    单选组radio: ¥("input[@type=radio][@checked]").val(); 
    下拉框: ¥(""#sel"").val(); 
    把握表单位素: 
    文本框,文本区域:¥("#txt").attr("value","""");//清空内容 
    ¥("#txt").attr("value",""11"");//填充内容 
    多选框checkbox: ¥("#chk1").attr("checked","""");//不打勾 
    ¥("#chk2").attr("checked",true);//打勾 
    if(¥("#chk1").attr(""checked"")==undefined) //断定是否已经打勾 
    单选组radio: ¥("input[@type=radio]").attr("checked",""2"");//设置value=2的项目为当前选中项 
    下拉框: ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
    ¥("<option value=""1"">1111</option><option value=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
    ¥("#sel").empty();//清空下拉框
  • 相关阅读:
    【ZJOI2007】矩阵游戏
    【洛谷1402】酒店之王
    【洛谷2756】飞行员配对方案问题
    【BZOJ2125】最短路
    【SDOI2018】战略游戏
    【APIO2018】铁人两项
    【FJOI2014】最短路径树问题
    【GXOI/GZOI2019】旅行者
    【Cerc2012】Farm and factory
    【CERC2017】Gambling Guide
  • 原文地址:https://www.cnblogs.com/zh101/p/2260381.html
Copyright © 2011-2022 走看看