
documentgetElementById("ddd")innerHTML = documentgetElementById("xxx")value + documentgetElementById("yyy")value;
将表单数据获取好后进行拼接赋给某个dom节点显示出来。
js获取表单数据命令是:documentgetElementById("xxx")value;
输出表单数据到某个dom元素内是使用:documentgetElementById("ddd")innerHTML;
因此要使用js输出表单数据可以先讲表单数据整合临时存储到某个变量,在统一输出到某个dom节点内
举例:
<form id="fm" name="fm">
<input type="text" id="name" />
<input type="text" id="tel" />
<input type="button" onClick="fmResult()" />
</form>
输出表单值:<div id="d"></div>
js:
<script>
function fmResult(){
var name = documentgetElementById("name")value;
var tel = documentgetElementById("tel")value;//获取值
documentgetElementById("d")innerHTML = name + tel;//输出表单值
}
</script>
楼主,你要搞清楚\x0d\一个表单中,\x0d\无论你放多少submit 都是提交同一个表单,\x0d\所以你放多个submit没有任何意义\x0d\如果是想根据特定的submit,来提交特定的值的话\x0d\你可以在每个submit 换成 button\x0d\给button绑定onclick事件\x0d\\x0d\调用函数,例如:\x0d\\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\script:\x0d\function subForm(type){\x0d\ alert(typevalue);//d出点击按钮的value值\x0d\ //这里就根据typevalue来进行特定的逻辑\x0d\ documentgetElementById("form1")submit(); //提交表单,同理如果有一个id为form2的表单,也可以用documentgetElementById("form2")submit(); 提交\x0d\} \x0d\\x0d\另外给文本的disabled = ‘disabled’的话,那么这个文本的值就不会提交到后台
给你写了个例子,供你参考
<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=documentgetElementsByName("box");
var objarray=strlength;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i]checked == true)
{
chestr+=str[i]value+",";
}
}
if(chestr == "")
{
alert("请先选择复选框~!");
}
else
{
alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
javascript获取表单中的值?
如获取form 表单下<input type='text' name='filename'>中的值
两种方法:
1、documentgetElementById("filename")value
2、documentformfilenamevalue
lotus的表单中,通过JavaScript获取表单中的指定域值?js:documentforms[0]xxvalue就可以了
xx为表单中的域的名称!
如何用js获取表单中的值给表单中的元素设置id属性,js:
var value = documentgetElementById("你的元素的id")value;
php如何获取表单中textarea的值?<form action="dophp" method="post">
<input type=textarea name=intext/>
<input type=submit value="submit"/>
</form>
dophp
<php
$intext = $_POST['intext'];
怎样获取form表单中input的值给input添加 id 例如 <input id="myInput" value="" type=text/>
var aa = documentgetElementById("myInput")val();或者用jquery $("#myInput")val();
ExtJS中怎样获取Form表单中的每一项的值
ExtJS中有事需要获得Form表单的值,根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个对象。
片段代码如下:
var formValues=formpanelgetForm()getValues(); 获取表单中的所有Name键/值对对象
alert(formValues["firstname"]); 输出表单中 firstname 字段的值
consolelog(formValues); 输出结果是表单中的所有Name键/值对的一个对象
整体代码如下:
/
Created with JetBrains PhpStorm
User: std
Date: 13-6-9
Time: 上午10:55
To change this template use File | Settings | File Templates
/
ExtonReady(function(){
var formpanel=Extcreate("ExtformPanel",{
title:"Dynamic Form",
draggable:true,
frame:true,
width:330,
height:255,
autoHeight:true,
bodyPadding:"7 5 7 5",
items:[{
xtype:"fieldset",
frame:true,
title:"Contact Information",
defaultType: 'textfield',
defaults:{xtype:"textfield",labelWidth:80,labelAlign:"right",width:280},
items:[{
fieldLabel:"First Name",emptyText:"First Name",name:"firstname"
},{
fieldLabel:"Last Name",emptyText:"Last Name",name:"lastname"
},{
fieldLabel:"Company",emptyText:"Company",name:"pany"
},{
fieldLabel:"Email",emptyText:"Email",name:"email"
},{
fieldLabel:"State",xtype:"bobox",emptyText:"请选择",name:"state"
},{
fieldLabel:"Date of Birth",xtype:"datefield",emptyText:"请选择日期",name:"dateofbirth"
}]
}],
buttons:[
{text:"确定",handler:function(){
var formValues=formpanelgetForm()getValues();
alert(formValues["firstname"]);
consolelog(formValues);
}},
{text:"取消"}
]
});
formpanelrender(ExtgetBody());
});
直接在每一项 的组件里面 添加 一个 id
id:'textId'
ExtgetCmp('textId')getValue()
怎样用jQuery获取表单中的值并赋给数组类似这样
var i=0;
var fields = $("input")serializeArray();
jQueryeach(fields, function(index, field){inf[i]=fieldvalue;i++;});
在php中怎样获取表单中文件域的值获取到的POST、GET是数组形式的值,需要通过键值来详细获取相应的值
比如: indexphp 页面
下面是POST方法
<form name=form1 method="post" action="indexphp">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<php
获取表单提交的数据
$contents = $_POST['contents'];
echo $contents;
>
也可以是下面是GET方法
<form name=form1 action="indexphp">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<php
获取表单提交的数据
$contents = $_GET['contents'];
echo $contents;
>
POST相对于GET方法,更好一些,可以提交大量数据,以及更安全些。
<form name="form1" action=">
以上就是关于JS部分怎么写才能把form表单里的数据输出出来全部的内容,包括:JS部分怎么写才能把form表单里的数据输出出来、当表单提交时,js如何获取submit的名称或值、用javascript怎样获取form表单里的多选框的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)