html中的button按钮调用js函数和提交表单传递参数
2018-02-02 13:41
3007 查看
1.button的type设置为button 而不用submit,并添加onclick方法调用js函数
<input type="button" name="confirmAlter" value="确认修改" onclick="changeInfo(form1.code,form1.name,form1.detail,form1.count)"/>
2.传到js函数中,然后提交表单到servlet并传递参数
<script language="javascript">
function changeInfo(code,name,detail,count){
var string1 = code.value;
var string2 = name.value;
var string3 = detail.value;
var number = count.value;
//alert("hello word!");
document.getElementById('form1').action="workServlet?action=alterInfo&code="+string1+"&name="+string2+"&detail="+string3+"&count="+number;
document.getElementById("form1").submit();
}
</script>
3.在servlet中调用request.getParameter()方法即可获取参数
<input type="button" name="confirmAlter" value="确认修改" onclick="changeInfo(form1.code,form1.name,form1.detail,form1.count)"/>
2.传到js函数中,然后提交表单到servlet并传递参数
<script language="javascript">
function changeInfo(code,name,detail,count){
var string1 = code.value;
var string2 = name.value;
var string3 = detail.value;
var number = count.value;
//alert("hello word!");
document.getElementById('form1').action="workServlet?action=alterInfo&code="+string1+"&name="+string2+"&detail="+string3+"&count="+number;
document.getElementById("form1").submit();
}
</script>
3.在servlet中调用request.getParameter()方法即可获取参数
相关文章推荐
- html中利用表单的button按钮传递参数
- Tkinter Button按钮组件如何调用一个可以传入参数的函数
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- js提交form表单,并传递参数
- 图片作为提交按钮调用JS验证表单
- js提交form表单,并传递参数的实现方法
- js提交form表单,并传递参数
- js提交form表单,并传递参数
- HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)
- 在动态THML语句中调用JS函数传递带空格参数的问题
- 【JavaScript】a标签onclick传递参数不对,A标签调用js函数写法总结
- 一个使用JS提交表单并传递参数的问题
- Vue.js 实现表单数据参数传递,以及不同独立按钮之间的参数传递
- thinkPHP传数组到模板页面volist每一列加一个button,点击按钮携带参数传给JS函数,跳转到不同的方法
- 使用<a>标签提交表单数据的问题以及获取session作为函数的参数调用的问题
- form表单里的button调用js函数
- js中每个函数中隐含的arguments对象,用语表示调用时实际传递的参数
- 在HTML页面上点击按钮按钮携带参数flag,触发一个JS函数,经过判断是否flag==1,分别跳到两个指定的方法(或者页面)
- JS中对于form表单提交时验证form的onsubmit函数与submit类型按钮的onclick函数
- WebBrower提交表单,调用js函数等