表单基本操作
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("获取服务器数据失败,请重试");
}
});
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("获取服务器数据失败,请重试");
}
});
相关文章推荐
- LA 3523 圆桌骑士 (双连通)
- PhpStorm 注册码
- 开源G711(PCMA、PCMU)/G726转AAC项目EasyAACEncoder
- nginx源码分析之设计之美
- mysql配置(整理、备份)
- 开源G711(PCMA、PCMU)/G726转AAC项目EasyAACEncoder
- openfire Failed admin console login attempt by hoolang from
- shǎ崽 OrOrOrOrz
- oj之长方柱类
- http协议详解
- 【Java安全技术探索之路系列:Java可扩展安全架构】之七:JCE(三):JCE编程模型
- Unity调用Android原生的震动(简单)
- linux和win7下的软链接和硬链接
- 【iOS开发】企业版证书($299)In-House方式发布指南
- Activity的四种启动模式和onNewIntent()
- gdb/cgdb调试库函数
- 自动化测试的优缺点
- 【Java安全技术探索之路系列:Java可扩展安全架构】之六:JCE(二):JCE类和接口
- 图形处理(十二)拉普拉斯网格优化、最小二乘网格模型光顺
- VC++如何在程序中用代码注册和卸载ocx控件(代码)