js输入内容并提交(js获取输入内容)
用js实现点击提交按钮，将文本框中输入的内容提交到百度并进行搜索，最后显示搜索完成的页面
代码：
!DOCTYPE?html
html?lang="en"
html
head
meta?charset="UTF-8"
title测试/title
????style
iframe{
display:?block;
margin:?0?auto;
margin-top:?100px;?
}
/style
/head
body?
input?type="text"?id="text1"?name="data"?value=""
input?type="button"?id="but"?value="百度一下"
????script
var?but?=?document.getElementById('but');
but.onclick?=?function(){
var?text1?=?document.getElementById('text1').value;
if?(text1)?{
var?url?=?''?+?text1;
var?iframe?=?document.getElementsByTagName('iframe')[0];
iframe.setAttribute('src',url);
}else{
alert('请输入内容');
}
};
/script
iframe?src=""?width="80%"?height="300"?frameborder="1"?scrolling="yes"/iframe
/body
/html
css样式没搞，有兴趣加上自己玩！
JS表单提交数据
b.html里这么写
form action="a.html" method="get"
input type="text" name="username" /
input type="submit" value="post" /
/form
在文本框输入一些东西后点下按钮就可以提交到a.html里了，你也可以看到地址栏里后面跟了一串数据：?username=文本里填的东西；
但是要通过js取出这个数据的话，得用到jsp里面的内置对象 request，调用request.getParameter("username") 就能去到文本框里写的东西了。所以html文件取不到，得用jsp
jquery或js前端提交数据的几种方式
1.jquery提交数据的方式：
（1）第一种jquery序列化提交数据方式：
通过id获取的form表单元素.serialize();
（2）第二种模拟form表单提交元素：
$('#form表单id').attr('method','post');
$('#form表单id'').find('input[name="type"]').val(test);
$('#form表单id').find('input[name="dfrom_to1"]').val(dfrom_to);
$('#form表单id').find('input[name="gt_road_new"]').val(gt_road);
$('#form表id').attr('action',AdminLTE.ctx+'/modules/ltegt/findAllCoverAndInterfere.do');
$('#analysisForm').submit();
2.js提交数据的方式：
(1).js提交表单( .submit()方法提交表单 )
function doSearch(){
var action ="/User_queryAllUser";
document.all.form.action = action;
document.all.form.submit();}
(2).js替代超链接( window.location.href )
//js不能起名为modify，为敏感关键字
function modifyEmp( employeeId ){
//employeeId 作为js的参数传递进来
window.location.href = '/User_openUserUpdate?employeeId='+employeeId;
javascript中 如何将表单中输入的数据提交到表格中去?
html
head
script type="text/javascript"
function doSubmit(){
var userName=document.getElementById("userName").value;
var userPass=document.getElementById("userPass").value;
document.getElementById("user").innerHTML=":"+userName;
document.getElementById("psd").innerHTML=":"+userPass;
return false;
}
/script
/head
body
table border="1" width="500" align="center"
thead
tr
td账号span id='user'/span/tdtd密码span id='psd'/span/tdtd地址/td
/tr
/thead
tbody
tr
td/td
/tr
/tbody
tfoot
/tfoot
/table
hr color="red"
form onsubmit="return doSubmit()"
userName:input type="text" id="userName"
br /
userPass:input type="password" id="userPass"
br /
input type="submit" value="提交"
/form
/body
/html