JS获取input标签输入值的方法与JSP示例
作者:闭包旅人时间:2026-10-28 02:58:22浏览:473
本文介绍如何在JSP页面中通过JavaScript获取input标签的输入值。通过document.getElementById方法提取特定元素的value属性,并结合后端Session数据展示实际应用场景,适用于Web前端与后端交互开发。
提示:部分标签和类封装于框架内,其效果与HTML标签类似。
JSP页面输入框定义
JSP页面示例:
具体实现如下:
<%
Date d = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
%><%
UserInfo userInfo = (UserInfo) session.getAttribute(ToftConst.Toft_SessionKey_UserData);
%>
<t:searchform id="searchForm">
<ul class="c3 l120 clearfix">
<li>
<label>生成日期:</label>
<t:date name="generate_date" id="generate_date" value="<%=sdf.format(d)%>"/>
</li>
<li>
<label>维护人:</label>
<input type="text" name="maintenance_men" maxlength="50" value="${userinfo.userName }"/>
</li>
</ul>
JavaScript获取输入值实现</t:searchform> <script type="text/javascript">
function InsertData(){
var generate_date=document.getElementById("generate_date").value;
var maintenance_men=document.getElementById("maintenance_men").value;
alert(maintenance_men);
</script> 页面展示效果:

作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
相关标签:
