皇家国际娱乐平台jquery操作表单总结,select操作控制方法小结

JQuery操作表单相关应用计算,jquery操作表单总计

select下拉列表onChange事件之JQuery达成:

Java代码  皇家国际娱乐平台 1

  1. JQuery:  
  2. $(document).ready(function () {       
  3.        $(“#selectMenu”).bind(“change”, function () {   
  4.         if ($(this).val() == “pro1”) {   
  5.             $(“#pro1”).slideDown();   
  6.             $(“#pro2”).slideUp();   
  7.         }   
  8.         else if($(this).val() ==”pro2″) {   
  9.             $(“#pro2”).slideDown();   
  10.             $(“#pro1”).slideUp();   
  11.         }   
  12.     });   
  13. });   
  14.   
  15. HTML:   
  16. <select id=”selectMenu”>    
  17.     <option value=”” >Please select product below</option>    
  18.     <option value=”pro1″>Product 1</option>    
  19.     <option value=”pro2″>Product 2</option>    
  20. </select>    

 

Java代码  皇家国际娱乐平台 2

  1. //1.jQuery对select的基本操作  
  2. $(“#select_id”).change(function(){ //code…});   //为Select加多事件,当接纳个中一项时触发  
  3.   
  4. var checkValue=$(“#select_id”).val();  //获取Select选择的Value  
  5. var checkValue = $(‘.formc select[@name=”country”]’).val(); //获得下拉菜单name=country的选中项的值  
  6. var checkValue=$(“#select_id”).val().join(“,”); //获取select多选(multiple=”true”时候) 的value  
  7.   
  8. var checkText = $(“#select_id”).find(“option:selected”).text();  //获取Select选择的Text  
  9. var checkText = $(“select[@name=country] option[@selected]”).text();  //获取select被入选项的公文(注意中间有空格)  
  10. var checkText = $(“#select_id option:selected”).text();  
  11.   
  12. var cc2 = $(‘.formc select[@name=”country”]’).val(); //得到下拉菜单的选中项的值  
  13. var cc3 = $(‘.formc select[@name=”country”]’).attr(“id”); //获得下拉菜单的选中项的ID属性值  
  14.   
  15.   
  16. var checkIndex=$(“#select_id “).get(0).selectedIndex;  //获取Select选取的索引值  
  17. var maxIndex=$(“#select_id option:last”).attr(“index”);  //获取Select最大的索引值  
  18.   
  19. $(“#select_id “).get(0).selectedIndex = 1;  //设置Select索引值为1(第二项)的项选中  
  20. $(‘#select_id’)[0].selectedIndex = 1;       //设置Select索引值为1(第二项)的项选中  
  21. $(“#select_id “).val(4);                    //设置Select的Value值为4的项选中  
  22. $(“#select_id option[text=’jQuery’]”).attr(“selected”, true);   //设置Select的Text值为jQuery的项选中  
  23. $(“#select_id”).attr(“value”,’-sel3′);      //设置value=-sel3的类型为近年来入选项  
  24.   
  25. $(“#select_id”).empty();    //清空下拉框  
  26.   
  27. $(“#select_id”).append(“<option value=’Value’>Text</option>”);  //为Select追加一个Option(下拉项)  
  28. $(“<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(“#select_id”)//增添下拉框的option  
  29. $(“#select_id”).prepend(“<option value=’0′>请选取</option>”);  //为Select插入二个Option(第三个岗位)  
  30. $(“#select_id option:last”).remove();       //删除Select中索引值最大Option(最终三个)  
  31. $(“#select_id option[index=’0′]”).remove(); //删除Select中索引值为0的Option(第壹个)  
  32. $(“#select_id option[value=’3′]”).remove(); //删除Select中Value=’3’的Option  
  33. $(“#select_id option[text=’4′]”).remove();  //删除Select中Text=’4’的Option  
  34.   
  35.   
  36. //2.jquery对radio的基本操作  
  37. var item = $(‘input[@name=items][@checked]’).val();  //获取一组radio被入选项的值  
  38. var rval = $(“input[@type=radio][@checked]”).val();   //获得单选框的选中项的值(注意中间未有空格)  
  39. $(‘input[@name=items]’).get(1).checked = true;  //radio单选组的第1个要素为日前选中值  
  40. $(“input[@type=radio]”).attr(“checked”,’2′);     //设置value=2的项目为当前选中项  
  41. $(“input[@type=radio][@value=2]”).attr(“checked”,’checked’); //设置单选框value=2的为选中状态.(注意中间未有空格)  
  42.   
  43.   
  44. //3.jquery对checkbox的基本操作  
  45. $(“#checkbox_id”).attr(“value”); //多选框checkbox  
  46. $(“input[@type=checkbox][@checked]”).val(); //获得复选框的当选的首先项的值  
  47. $(“input[@type=checkbox][@checked]”).each(function(){ //由于复选框一般相中的是多少个,所以能够循环输出  
  48.     alert($(this).val());  
  49. });  
  50. $(“#chk1”).attr(“checked”,”);//不打勾  
  51. $(“#chk2”).attr(“checked”,true);//打勾  
  52. if($(“#chk1”).attr(‘checked’)==undefined) //判定是不是业已打勾  
  53.   
  54.   
  55. //4.jquery对text的基本操作  
  56. $(“#txt”).attr(“value”);    //文本框,文本区域:  
  57. $(“#txt”).attr(“value”,”); //清空内容  
  58. $(“#txt”).attr(“value”,’11’);//填充内容  

jQuery获取Select选择的Text和Value:
语法解释:

亟待留心的是,这里的代码比很多是指向jquery
1.32在先的版本(以往的本子现已不支持@),所以替换为空测量试验下就能够。

动用 jQuery 对表格进行加多操作

用JQUELANDY你干什么还要 window.onload ?

改成

$(function() {
trNode = getLastDeteil();

});
 

  1. $(“#select_id”).change(function(){//code…});  
    //为Select加多事件,当采用中间一项时触发
  2. var checkText=$(“#select_id”).find(“option:selected”).text(); 
    //获取Select选择的Text
  3. var checkValue=$(“#select_id”).val();  //获取Select选择的Value
  4. var checkIndex=$(“#select_id “).get(0).selectedIndex; 
    //获取Select选拔的索引值
  5. var maxIndex=$(“#select_id option:last”).attr(“index”); 
    //获取Select最大的索引值 

jQuery获取Select选择的Text和Value: 语法解释:

JQUE福特ExplorerY 、笔者在做表单;数据太多、怎传递

轻巧啊,POST提交,假如您的form唯有一个的好界别,即使不是三个的话你就要小心一下你要传的form是哪多个,假诺是一向传给本身的页面进行数据管理的话你就好像此:
var form
=document.form[0];//假若在html为率先个的话就写0,其余情况你自身算下就好
form.submit();//将form表单的剧情交给给本人页面
若是提交给任何页面的话,楼上有人答案正解
引用incNick:$.post(url, $(‘form’).serialize(),
function(response){});//$(‘form’).serialize()会活动将html的成分为enabled属性的成分提交给你钦点的url页面,当然html元素你不可能不有name属性
不过值得说示的某些事$.post未有撤废异步的难点,所以最佳团结包装叁个post方法,因为post提交一般数据量非常多,你不消除异步的话也许为赶过十分的多难为!
那么些都以自个儿以后干活总计,纯手打,望楼主选取!!!
 

select下拉列表onChange事件之JQuery完毕: Java代码 JQuery:
$(document).ready(function(){ $( “#selectMen…

jQuery设置Select选择的Text和Value:
语法解释:

  1. $(“#select_id”).change(function(){//code…});
    //为Select增添事件,当采用在那之中一项时触发
  2. var checkText=$(“#select_id”).find(“option:selected”).text();
    //获取Select选择的Text
  3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value
  4. var checkIndex=$(“#select_id “).get(0).selectedIndex;
    //获取Select接纳的索引值

  5. var maxIndex=$(“#select_id option:last”).attr(“index”);
    //获取Select最大的索引值

  1. $(“#select_id “).get(0).selectedIndex=1; 
    //设置Select索引值为1的项选中
  2. $(“#select_id “).val(4);   //设置Select的Value值为4的项选中
  3. $(“#select_id option[text=’jQuery’]”).attr(“selected”, true);  
    //设置Select的Text值为jQuery的项选中

jQuery设置Select选择的Text和Value: 语法解释:

jQuery添加/删除Select的Option项: 语法解释:

  1. $(“#select_id “).get(0).selectedIndex=1;
    //设置Select索引值为1的项选中
  2. $(“#select_id “).val(4); //设置Select的Value值为4的项选中
  3. $(“#select_id option[text=’jQuery’]”).attr(“selected”, true);
    //设置Select的Text值为jQuery的项选中
  1. $(“#select_id”).append(“<option
    value=’Value’>Text</option>”); 
    //为Select追加多个Option(下拉项)
  2. $(“#select_id”).prepend(“<option
    value=’0′>请选取</option>”); 
    //为Select插入三个Option(第三个任务)
  3. $(“#select_id option:last”).remove(); 
    //删除Select中索引值最大Option(最后三个)
  4. $(“#select_id option[index=’0′]”).remove(); 
    //删除Select中索引值为0的Option(第一个)
  5. $(“#select_id option[value=’3′]”).remove(); 
    //删除Select中Value=’3’的Option
  6. $(“#select_id option[text=’4′]”).remove(); 
    //删除Select中Text=’4’的Option

jQuery添加/删除Select的Option项:
语法解释:

jquery
radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
获得一组radio被入选项的值 
var item = $(‘input[@name=items][@checked]’).val(); 
得到select被入选项的文本 
var item = $(“select[@name=items] option[@selected]”).text(); 
select下拉框的第叁个成分为当下相中值 
$(‘#select_id’)[0].selectedIndex = 1; 
radio单选组的第2个成分为当前选中值 
$(‘input[@name=items]’).get(1).checked = true; 

  1. $(“#select_id”).append(“<option
    value=’Value’>Text</option>”);
    //为Select追加一个Option(下拉项)
  2. $(“#select_id”).prepend(“<option
    value=’0′>请选用</option>”);
    //为Select插入三个Option(第三个职位)
  3. $(“#select_id option:last”).remove();
    //删除Select中索引值最大Option(最后叁个)
  4. $(“#select_id option[index=’0′]”).remove();
    //删除Select中索引值为0的Option(第二个)
  5. $(“#select_id option[value=’3′]”).remove();
    //删除Select中Value=’3’的Option
  6. $(“#select_id option[text=’4′]”).remove();
    //删除Select中Text=’4’的Option

获取值:   
文本框,文本区域:$(“#txt”).attr(“value”); 
多选框checkbox:$(“#checkbox_id”).attr(“value”); 
单选组radio:   $(“input[@type=radio][@checked]”).val(); 
下拉框select: $(‘#sel’).val(); 

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

调控表单成分: 
文本框,文本区域:$(“#txt”).attr(“value”,”);//清空内容 
                 $(“#txt”).attr(“value”,’11’);//填充内容 

//获得下拉选单的选拔值

多选框checkbox: $(“#chk1”).attr(“checked”,”);//不打勾 
                 $(“#chk2”).attr(“checked”,true);//打勾 
                 if($(“#chk1”).attr(‘checked’)==undefined)
//剖断是或不是早已打勾 

$(#testSelect option:selected’).text();
或$(“#testSelect”).find(‘option:selected’).text();
或$(“#testSelect”).val();
//////////////////////////////////////////////////////////////////
回忆力不好的可以收藏下:
1,下拉框:

单选组radio:   
$(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的品类为当前选中项 
下拉框select:  
$(“#sel”).attr(“value”,’-sel3′);//设置value=-sel3的品种为当前选中项 
                $(“<option value=’1′>1111</option><option
value=’2′>2222</option>”).appendTo(“#sel”)//增添下拉框的option 
                $(“#sel”).empty();//清空下拉框

var cc1 = $(“.formc select[@name=’country’]
option[@selected]”).text();
//获得下拉菜单的选中项的文书(注意中间有空格)
var cc2 = $(‘.formc select[@name=”country”]’).val();
//得到下拉菜单的选中项的值
var cc3 = $(‘.formc select[@name=”country”]’).attr(“id”);
//获得下拉菜单的选中项的ID属性值
$(“#select”).empty();//清空下拉框//$(“#select”).html(”);
$(“<option
value=’1′>1111</option>”).appendTo(“#select”)//增加下拉框的option

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图