请问怎么将form提交后的数据放在ul里，能用javascript写吗？ 10
怎么把表单中submit后的数据添加到列表中？我写的这个点完提交之后出现一下就没了<!DOCTYPEhtml><html><head></head><body><divd...
怎么把表单中submit后的数据添加到列表中？我写的这个点完提交之后出现一下就没了
<!DOCTYPE html>
<html>
<head></head>
<body>
<div data-role="content">
<ul id ="ss"></ul>
</div>
</aside>
<form name="reg" id="reg" data-ajax="false" onsubmit="myfun()">
<fieldset>
<legend>成员登记：</legend>
<div>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" placeholder="你的姓名" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<input type="submit" id="register" value="登记" />
<input type="button" name="cancel" id="cancel" value="取消"/>
</div>
</fieldset>
</form>
<script>
function myfun()
{
var x = document.createElement("li");
var m = document.getElementById("name").value;
var t = document.createTextNode(m);
x.appendChild(t);
document.getElementById("ss").appendChild(x);
}
</script>
</body>
</html>
input的type属性必须是submit 因为涉及到表单的提交。那么这样该怎么改？谢谢
谁能帮我解决一下啊，我的要求就是当点击提交时，ul中会显示提交的内容。求帮助~~~ 展开
<!DOCTYPE html>
<html>
<head></head>
<body>
<div data-role="content">
<ul id ="ss"></ul>
</div>
</aside>
<form name="reg" id="reg" data-ajax="false" onsubmit="myfun()">
<fieldset>
<legend>成员登记：</legend>
<div>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" placeholder="你的姓名" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<input type="submit" id="register" value="登记" />
<input type="button" name="cancel" id="cancel" value="取消"/>
</div>
</fieldset>
</form>
<script>
function myfun()
{
var x = document.createElement("li");
var m = document.getElementById("name").value;
var t = document.createTextNode(m);
x.appendChild(t);
document.getElementById("ss").appendChild(x);
}
</script>
</body>
</html>
input的type属性必须是submit 因为涉及到表单的提交。那么这样该怎么改？谢谢
谁能帮我解决一下啊，我的要求就是当点击提交时，ul中会显示提交的内容。求帮助~~~ 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head></head>
<body>
<div data-role="content">
<ul id ="ss"></ul>
</div>
</aside>
<form name="reg" id="reg" data-ajax="false" >
<fieldset>
<legend>成员登记：</legend>
<div>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" placeholder="你的姓名" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<input type="button" id="register" value="登记" onclick="myfun()" />
<input type="button" name="cancel" id="cancel" value="取消"/> </div>
</fieldset>
</form><script>
function myfun(){var x = document.createElement("li");var m = document.getElementById
("name").value;var t = document.createTextNode(m);x.appendChild(t);document.getElementById("ss").appendChild(x);}
</script>
</body>
</html>
这样就可以了 form里面onsubmit提交会刷新页面 所以你显示一会就没了
建议写个按钮添加单击事件就不会这样了
希望对你有用 望采纳
<html>
<head></head>
<body>
<div data-role="content">
<ul id ="ss"></ul>
</div>
</aside>
<form name="reg" id="reg" data-ajax="false" >
<fieldset>
<legend>成员登记：</legend>
<div>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" placeholder="你的姓名" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<input type="button" id="register" value="登记" onclick="myfun()" />
<input type="button" name="cancel" id="cancel" value="取消"/> </div>
</fieldset>
</form><script>
function myfun(){var x = document.createElement("li");var m = document.getElementById
("name").value;var t = document.createTextNode(m);x.appendChild(t);document.getElementById("ss").appendChild(x);}
</script>
</body>
</html>
这样就可以了 form里面onsubmit提交会刷新页面 所以你显示一会就没了
建议写个按钮添加单击事件就不会这样了
希望对你有用 望采纳
更多追问追答
追问
input的type属性必须是submit 因为涉及到表单的提交。那么这样该怎么改？谢谢
追答
在input里面增加个onclick属性，把你写的方法放进去就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form name="reg" id="reg" data-ajax="false" onsubmit="return myfun()" ,在onsubmit里加上return,而你的myfun函数里面需要返回一个true 或者false,只要返回true就会马上提交表单。所以，你必须把你要的参数都在ul里面显示完以后再return true 就可以啦
追问
还是不行的
追答
你连表单的action属性都没写，怎么行，既然提交不是需要一个服务器地址吗 。就比如你要坐车，你说你做好了，到是你没告诉师傅去哪里 人家怎么走？你提交表单表单怎么知道你的数据要提交到哪里？ 除非你就不用onsubmit 而是一个简单的普通按钮，既然你是需要表单特性，那你应该要符合表单规则嘛
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
function myfun ()
{
var x = document.createElement ("li");
var m = document.getElementById ("name").value;
var t = document.createTextNode (m);
x.appendChild (t);
document.getElementById ("ss").appendChild (x);
return false;
}
</script>
</head>
<body>
<aside>
<div data-role="content">
<ul id="ss"></ul>
</div>
</aside>
<form name="reg" id="reg" data-ajax="false" onsubmit="return myfun()">
<fieldset>
<legend>成员登记：</legend>
<div>
<label for="name">姓名：</label> <input type="text" name="name" id="name"
placeholder="你的姓名" />
</div>
<div data-role="controlgroup" data-type="horizontal">
<input type="submit" id="register" value="登记" /> <input type="reset"
name="cancel" id="cancel" value="取消" />
</div>
</fieldset>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
