您的位置:首页 > 其它

表单基本操作

2015-06-15 17:25 295 查看
HTML中用按扭改变LABEL的值

var myDiv=document.getElementById("test");

myDiv.innerText="456";

var label=document.getElementById("id"); 

label.innerText="XXXXXX"; 

$("#id").html("XXXXX"); 

实现在页面中单击按钮关闭页面

onclick="window.close()"

<a href=javascript :self.close()>『关闭窗口』</a> 

div层的显示和隐藏

document.getElementById('div1').style.display='none';

document.getElementById('div2').style.display='block';

style="display:none"

解析Jquery中如何把一段html代码动态写入到DIV中

 $("#top_1").html(nav1);

top_1是body中的一个div的ID!

取得FORM中的各种值等等; 

function get_form_value(){  

/*获得TEXT.AREATEXT的值*/  

     var textval = $("#text_id").attr("value");//或者  

     var textval = $("#text_id").val();  

/*获取单选按钮的值*/  

     var valradio = $("input[@type=radio][@checked]").val();  

/*获取复选框的值*/  

    var checkboxval = $("#checkbox_id").attr("value");  

/*获取下拉列表的值*/  

     var selectval = $('#select_id').val();  



3.另外对表单的其他处理: 

//控制表单元素:  

//文本框,文本区域:  

$("#text_id").attr("value",'');//清空内容 

 

$("#text_id").attr("value",'test');//填充内容  

//多选框checkbox:  

$("#chk_id").attr("checked",'');//未选中的值  

$("#chk_id").attr("checked",true);//选中的值  

if($("#chk_id").attr('checked')==undefined) //判断是否已经选中  

//单选组radio:  

$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项  

//下拉框select:  

$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项  

$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option  

$("#select_id").empty();//清空下拉框 

补充 

获取一组radio被选中项的值 

var item = $('input[@name=items][@checked]').val(); 

获取select被选中项的文本 

var item = $("select[@name=items] option[@selected]").text(); 

select下拉框的第二个元素为当前选中值 

$('#select_id')[0].selectedIndex = 1; 

radio单选组的第二个元素为当前选中值 

$('input[@name=items]').get(1).checked = true; 

获取值: 

文本框,文本区域:$("#txt").attr("value"); 

多选框checkbox:$("#checkbox_id").attr("value"); 

单选组radio: $("input[@type=radio][@checked]").val(); 

下拉框select: $('#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的项目为当前选中项 

下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 

$("#sel").empty();//清空下拉框
http://www.wufangbo.com/jquery-get-form/
    //var oDiv=document.createElement("DIV");  

        //oDiv.innerHTML=data;  

        //document.getElementById("sysmodule_addupdata_content").appendChild(oDiv);  

        //$("#sysmodule_addupdata_content").val("<xmp>"+document.body.parentNode.innerHTML+"<\/xmp>");

        //var temp = data;

        //testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");

        //testwin.document.open();

        //testwin.document.write(temp);

        //testwin.document.close();

前后台传数据

 $.ajax({
 url : "",
 dataType : "text",          
 type : "post",
 data : {
          "stringid" : idstr,
           "buttontype" : buttontype
         },
         success: function(data){
            

              },               

          error : function() {
 alert("获取服务器数据失败,请重试");
   }
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: