JavaScript中的form元素获取问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中的form元素获取问题相关的知识，希望对你有一定的参考价值。
下面这段代码中:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>form获取</title>
<script type="text/javascript">
window.onload=function()
//var form=document.getElementById('myForm');
//var form =document.getElementsByTagName('form')[0];
//var form=document.forms[0];通过数组下标获取
var form=document.forms['yourName'];通过数组的name属性获取
alert(form);
;
</script>
</head>
<body>
<form id="myForm" name="yourForm">
</form>
<form id="myForm1" name="yourForm">
</form>
</body>
</html>
提问:1.一个页面中有多个form时,是否name属性可以一样?
2.如果name属性一样时,那通过document.forms['name'],怎么获得想要的,或者说获取的是哪一个?
form的name属性是用以发给后端进行识别的，所以在前端是可以相同的。（不过严格的来说，除非特别特殊的需求，否则出现相同name的form肯定是结构设计的不合理）
如果name相同的话，你使用document.forms['name']返回的会是一个Element Array
所以应当通过
document.forms['name'][0] // 第一个document.forms['name'][1] // 第二个
来访问具体的form
他们的顺序是元素在HTML文档中出现的顺序决定的
参考技术A不能一样
按照从上到下的索引
document.forms[0] 或 document.getElementsByTagName('form')[0]
或者按照id
document.getElementById('id')
javascript获取html表单中的值？
参考技术Ajavascript获取表单中的值？
如获取form 表单下<input type=\'text\' name=\'filename\'>中的值
两种方法：
1、document.getElementById("filename").value
2、document.form.filename.value
lotus的表单中，通过JavaScript获取表单中的指定域值？
js:document.forms[0].xx.value就可以了
xx为表单中的域的名称！
如何用js获取表单中的值
给表单中的元素设定id属性，js：
var value = document.getElementById("你的元素的id").value;
php如何获取表单中textarea的值？
<form action="do.php" method="post">
<input type=textarea name=intext/>
<input type=submit value="submit"/>
</form>
do.php
<?php
$intext = $_POST[\'intext\'];
怎样获取form表单中input的值
给input新增 id 例如 <input id="myInput" value="" type=text/>
var aa = document.getElementById("myInput").val();或者用jquery $("#myInput").val();
ExtJS中怎样获取Form表单中的每一项的值
ExtJS中有事需要获得Form表单的值，根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个物件。
片段程式码如下：
var formValues=formpanel.getForm().getValues(); 获取表单中的所有Name键/值对物件
alert(formValues["firstname"]); 输出表单中 firstname 栏位的值
console.log(formValues); 输出结果是表单中的所有Name键/值对的一个物件
整体程式码如下：
/**
* Created with JetBrains PhpStorm.
* User: std
* Date: 13-6-9
* Time: 上午10:55
* To change this template use File | Settings | File Templates.
*/
Ext.onReady(function()
var formpanel=Ext.create("Ext.form.Panel",
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=formpanel.getForm().getValues();
alert(formValues["firstname"]);
console.log(formValues);
,
text:"取消"
]
);
formpanel.render(Ext.getBody());
);
直接在每一项 的元件里面 新增 一个 id
id:\'textId\'
Ext.getCmp(\'textId\').getValue()
怎样用jQuery获取表单中的值并赋给阵列
类似这样
var i=0;
var fields = $("input").serializeArray();
jQuery.each(fields, function(index, field)inf[i]=field.value;i++;);
在php中怎样获取表单中档案域的值
获取到的POST、GET是阵列形式的值，需要通过键值来详细获取相应的值
比如： index.php 页面
下面是POST方法
<form name=form1 method="post" action="index.php">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<?php
获取表单提交的资料
$contents = $_POST[\'contents\'];
echo $contents;
?>
也可以是下面是GET方法
<form name=form1 action="index.php">
<input type=text name=contents value="">
<input type=submit value="提交">
</form>
<?php
获取表单提交的资料
$contents = $_GET[\'contents\'];
echo $contents;
?>
POST相对于GET方法，更好一些，可以提交大量资料，以及更安全些。
以上是关于JavaScript中的form元素获取问题的主要内容，如果未能解决你的问题，请参考以下文章