JS部分怎么写才能把form表单里的数据输出出来
发布网友
发布时间：2022-05-06 20:47
我来回答
共7个回答
热心网友
时间：2022-04-21 01:25
JS获取form表单里的数据并输出的方法：
document.getElementById("ddd").innerHTML = document.getElementById("xxx").value + document.getElementById("yyy").value;
将表单数据获取好后进行拼接赋给某个dom节点显示出来。
js获取表单数据命令是：document.getElementById("xxx").value;
输出表单数据到某个dom元素内是使用：document.getElementById("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 = document.getElementById("name").value;
var tel = document.getElementById("tel").value;//获取值
document.getElementById("d").innerHTML = name + tel;//输出表单值
}
</script>
热心网友
时间：2022-04-21 02:43
调试通过的
<html>
<body>
<form method="get" name="f">
<table border="1">
<tr valign="top">
<td>姓名：
<input type="text" id="f_name" name="f_name"><br />
年龄：
<input type="text" id="age" name="age"><br />
性别：
<select name="sex" id="sex">
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
<td align="center">备注：<br />
<textarea rows="10" cols="30"></textarea><br />
<input type="submit" value="提交" onClick="return getMessage();">
<input type="reset" value="重置"></td></tr>
</table>
</form>
<table border="1">
<tr>
<td>姓名:</td>
<td id="v_name" width="100" ></td>
</tr>
<tr>
<td>年龄:</td>
<td id="v_age" width="100"></td>
</tr>
<tr>
<td>性别:</td>
<td id="v_sex" width="100"></td>
</tr>
</table>
<script language="javascript">
function getMessage()
{
document.getElementById("v_name").innerHTML=document.getElementById("f_name").value;
document.getElementById("v_age").innerHTML=document.getElementById("age").value;
document.getElementById("v_sex").innerHTML=document.getElementById("sex").value;
return false;
}
</script>
</body>
</html>
热心网友
时间：2022-04-21 04:18
js就直接：document.(formid).(控件id).value
一般我们做都用jquery，引进一个jquery包。$("#控件id").val()
就可以了
参考资料：我空间：http://hi.baidu.com/songmu6/home
热心网友
时间：2022-04-21 06:09
<html>
<body>
<form method="get" name="f" id="TestForm">
<table border="1">
<tr valign="top">
<td>姓名：
<input type="text" name="name"><br />
年龄：
<input type="text" name="age"><br />
性别：
<select name="sex">
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
<td align="center">备注：<br />
<textarea rows="10" cols="30"></textarea><br />
<input type="submit" value="提交">
<input type="reset" value="重置"></td></tr>
</table>
</form>
<table border="1">
<tr>
<td>姓名:</td>
<td id="v_name" width="100" ></td>
</tr>
<tr>
<td>年龄:</td>
<td id="v_age" width="100"></td>
</tr>
<tr>
<td>性别:</td>
<td id="v_sex" width="100"></td>
</tr>
</table>
<input type="button" value="Test" id="TestBtn"/>
</body>
<script type="text/javascript">
document.getElementById('TestBtn').onclick=function(){
for(var eles=document.getElementById('TestForm').elements,i=0,l=eles.length;i<l;i++){
document.getElementById('v_'+eles[i].name)&&(document.getElementById('v_'+eles[i].name).innerHTML=eles[i].value);
}
};
</script>
</html>追问你这个代码我拿去调试了，不好使呀
热心网友
时间：2022-04-21 08:17
使用表单的ID或者class类为依据,获取的这个表单的输入内容,然后alert弹窗输出
热心网友
时间：2022-04-21 10:42
定义表单(提交方式为get)
从地址栏获取表单信息并在控制台输出
var result = document.location.search;
console.log(result);
热心网友
时间：2022-04-21 13:23
这个应该很简单吧！追问是很简单，可是我是初学啊，自己没研究明白
JS部分怎么写才能把form表单里的数据输出出来
js获取表单数据命令是：document.getElementById("xxx").value;输出表单数据到某个dom元素内是使用：document.getElementById("ddd").innerHTML;因此要使用js输出表单数据可以先讲表单数据整合临时存储到某个变量，在统一输出到某个dom节点内 举例：<form id="fm" name="fm"> <input type="text" id...
js表单提交后,如何获取表单中的数据并显示出来
表单是用form来填写，在提交前可以获取表单里面的数据。我这里用jquery实现。<html><body> <form method='post' action=''> <label for='inputText'>inputText</label> <input type='text' id='inputText'/> <br/> <label for='checkBox1'>checkBox1</label> <input type...
js获取form表单提交的数据?
用下面的函数可以获取：function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg);if (r != null) return decodeURI(r[2]);return null;} 如获取user，执行getUrlParam("user")就...
js怎么获取form表单中所有的input和select
<script type="text/javascript"> // 获取指定form中的所有的<input><select>对象 function getElements(formId) { var form = document.getElementById(formId);if(form == null){ return false;} var elements = new Array();var inputTagElements = form.getElementsByTagName('input');for (...
jsp页面中表单部分内容实时显示
第一个问题：这个表单在一个form标签中，点击确定按钮后(实际上就是submit按钮)，提交这个表单，将jsp页面中的内容传递个servlet/jsp（具体取决于你的业务逻辑在哪里实现）。第二个问题：每次载入该界面的时候都执行一个查询数据库操作，将查询的值填写到下面的表中。这样，当你打算新增一个数据后，处理...
js如何获取表单中数组的值?
value 属性为 input 元素设定值，表单的值一般是元素的value属性：<input value="value"> 假设有以下form，拥有一个input字段（带空值预定义）以及一个提交按钮 ：提取表单值代码：提交之后获取的结果是：空值：不为空：
js、 jquery,获取form表单数据
一番搜索后，发现了一个名为ghostsf_serialize的方法，通过调用此方法，直接解决了表单数据获取的问题。尽管无需修改方法名称，但可以根据项目需求进一步优化内部判断逻辑。最终，通过多次调整和定制，成功满足了项目对数据处理的要求。此经历提醒我，虽然在特定情境下可能需要依赖原生技术，但通过学习和灵活运用...
jsp如何获得html form中的数据
HTML：<form action="a.jsp"> <input type="text" name="test_data"/> <input type="submit" value="提交" /> </form> a.jsp：< String testData = request.getParameter("test_data"); // 即可获得test_data的值。>
如何用js实现提交表单,显示表单内容,确认提交或取消
js:function beforeSubmit(form){ return confirm('提交数量为 ' + form.num.value + ' ?');}html:<form onsubmit="return beforeSubmit(this)"> <input type="text" name="num"/> <button type="submit">submit</button></form> ...
js如何给form表单传递变量
//获取form表单 var formdeal= document.getElementById("testForm"); //制定表单action地址，可以加一些变量参数 formdeal.action="deal.php?parms="+str; alert( formdeal.action); //制定跳转页面打开方式，默认的是_self,如果想在新窗口打开，可以用_blank formdeal.target=...
