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>

页面展示效果:


JSP页面输入框定义
作者最新文章