读书人

表单多个旋钮提交

发布时间: 2013-03-06 16:20:31 作者: rapoo

表单多个按钮提交
表单多个旋钮提交
我想点击不同按钮,删除或修改不同用户 必须要有id的
[解决办法]
function butn(val){
var valua=document.getElementById(val).value;
alert(valua);
}
</script>
<BODY>
<input type="text" id="t1"> <input type="button" onclick="butn('t1')"></br>
<input type="text" id="t2"> <input type="button" onclick="butn('t2')"></br>
<input type="text" id="t3"> <input type="button" onclick="butn('t3')">
</BODY>
</HTML>

[解决办法]
<script type="text/javascript">
//删除
function delete(id){
var username=document.getElementsByName("username")[id].value;
var password=document.getElementsByName("password")[id].value;
var actions="tiJiao.do?usernames="+username+"&passwords="+password;
document.mainForm.action=actions;
document.mainForm.submit();
}
//修改
function modify(id){

}
这上面的差不多
</script>

<body>
<form name="mainForm" action="" method="">
用户名:<input type="text" name="username" />
密码:<input type="password" name="password" />
<input type="submit" value="修改密码" onclick="modify(0)" />
<input type="submit" value="修改" onclick="delete(0)" /><br />
用户名:<input type="text" name="username" />
密码:<input type="password" name="password" />
<input type="submit" value="修改密码" onclick="modify(1)" />
<input type="submit" value="修改" onclick="delete(1)" />
用户名:<input type="text" name="username" />
密码:<input type="password" name="password" />
<input type="submit" value="修改密码" onclick="modify(2)" />
<input type="submit" value="修改" onclick="delete(2)" />
</form>
</body>

读书人网 >Java Web开发

热点推荐