请问怎么将form提交后的数据放在ul里,能用javascript写吗?

怎么把表单中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中会显示提交的内容。求帮助~~~

第1个回答  2014-12-01
<!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提交会刷新页面 所以你显示一会就没了
建议写个按钮添加单击事件就不会这样了
希望对你有用 望采纳追问

input的type属性必须是submit 因为涉及到表单的提交。那么这样该怎么改?谢谢

追答

在input里面增加个onclick属性,把你写的方法放进去就行了

可以了么

追问

还是不可以

追答

你怎么写的

第2个回答  2014-12-02
<form name="reg" id="reg" data-ajax="false" onsubmit="return myfun()" ,在onsubmit里加上return,而你的myfun函数里面需要返回一个true 或者false,只要返回true就会马上提交表单。所以,你必须把你要的参数都在ul里面显示完以后再return true 就可以啦追问

还是不行的

追答

你连表单的action属性都没写,怎么行,既然提交不是需要一个服务器地址吗 。就比如你要坐车,你说你做好了,到是你没告诉师傅去哪里 人家怎么走?你提交表单表单怎么知道你的数据要提交到哪里? 除非你就不用onsubmit 而是一个简单的普通按钮,既然你是需要表单特性,那你应该要符合表单规则嘛

第3个回答  2014-12-03
<!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>