js獲取input標簽的輸入值實現(xiàn)代碼
更新時間:2013年08月05日 16:49:23 作者:
input標簽的輸入值通過js進行獲取,部分標簽和類是封裝在框架內(nèi)的,其效果和html標簽差不多,具體實現(xiàn)如下,感興趣的朋友可以參考下,希望對大家有所幫助
說明:部分標簽和類是封裝在框架內(nèi)的,其效果和html標簽差不多。
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>
</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頁面:
復(fù)制代碼 代碼如下:
<%
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>
</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或jQuery模擬鼠標點擊a標簽事件代碼
- javascript和jquery修改a標簽的href屬性
- JSP自定義標簽Taglib實現(xiàn)過程重點總結(jié)
- php完全過濾HTML,JS,CSS等標簽
- js 通過html()及text()方法獲取并設(shè)置p標簽的顯示值
- js 動態(tài)添加標簽(新增一行,其實很簡單,就是幾個函數(shù)的應(yīng)用)
- js使用html()或text()方法獲取設(shè)置p標簽的顯示的值
- js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例
- 用JS實現(xiàn)HTML標簽替換效果
- 原生JS實現(xiàn)不斷變化的標簽
相關(guān)文章
webpack學(xué)習(xí)筆記之代碼分割和按需加載的實例詳解
本篇文章主要介紹了webpack學(xué)習(xí)筆記之代碼分割和按需加載的實例詳解,具有一定的參考價值,有興趣的可以了解一下2017-07-07IE下雙擊checkbox反應(yīng)延遲問題的解決方法
這篇文章主要介紹了IE下雙擊checkbox反應(yīng)延遲問題的解決方法,需要的朋友可以參考下2014-03-03ES6使用export和import實現(xiàn)模塊化的方法
這篇文章主要介紹了ES6使用export和import實現(xiàn)模塊化的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09JavaScript類型系統(tǒng)之基本數(shù)據(jù)類型與包裝類型
javascript的數(shù)據(jù)類型可以分為兩種:原始類型和引用類型,在此文給大家提到。本文主要給大家介紹javascript類型系統(tǒng)之基本數(shù)據(jù)類型與包裝類型,涉及到j(luò)s 基本類型 包裝類相關(guān)知識,本文介紹的詳細,具有參考借鑒價值,對本文感興趣的朋友一起學(xué)習(xí)吧2016-01-01微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05