1. 程式人生 > >JS獲取input標籤的text值、JS獲取下拉框內容、input控制只能輸入數字等問題彙總

JS獲取input標籤的text值、JS獲取下拉框內容、input控制只能輸入數字等問題彙總

1、在js中如何獲取input標籤的text值

var cgsl = document.getElementsByName("cgsl")[0].value; 
jsp原始碼為:
 <span>	</span><tr>
<span>		</span><td width="20%" align="right" bgcolor="#F2F8FF"><span class="font">採購數量:</span></td>
                <td width="30%" align="left" bgcolor="#F2F8FF" >  <html:text property="cgsl" maxlength="25" />
<span>		</span><font color="red"> *</font></td>
        </tr>

或者:
<input type="text" name="cgsl" maxlength="20" value="">

2、js獲取下拉框選擇的內容

var objSelect = document.all.hcjbxxid;
var hcjbxxid = objSelect[objSelect.selectedIndex].value;

對應jsp程式碼:
               <td width="15%" height="50" align="right" bgcolor="#f1f9ff"><span class="font">耗材名稱:</span></td>
               <td width="80%" align="left" bgcolor="#f1f9ff"  colspan="3"> <html:select property="hcjbxxid" >
               <html:optionsCollection  name="datalist_1" label="hcmc" value="hcjbxxid"/>
               </html:select></td>
或者:
<select name="hcjbxxid">
<option value="4028ceeb461d259001461d26135d0001">水筆1</option>
<option value="4028ceeb461c8cfb01461c9b84410002">墨盒</option>
<option value="4028ceeb464278260146427910210002">電池</option>
<option value="4028ceeb464276f80146427758210002">鍵盤</option>
<option value="4028ceeb464276f801464277e8770004">膠帶</option>
<option value="4028ceeb4642810001464281feff0002">滑鼠</option>
</select>

3、如何動態獲取下拉框內容(點A下拉框後B下拉框內容隨著改變)

function hcdlChange()
		{	
			var objSelect = document.all.hcdl;
			var hcdl = objSelect[objSelect.selectedIndex].value;
			document.forms[0].action="hcsgsq.do?method=addHcxx&hcdl="+hcdl;
			document.forms[0].submit();
		}

對應jsp程式碼為:
 <tr> 
    <td width="20%" height="25" align="right" bgcolor="#F2F8FF"><span class="font">耗材分類:</span></td>
    <td width="30%" align="left" bgcolor="#F2F8FF">  
    <html:select property="hcdl" style="width:157" onchange="hcdlChange()">
    <commoncode:getCodeList codeTypeId="1024" selectValue="<%=tmHcsqxxForm.getHcdl() %>"  /></html:select></td>
    <td width="15%" height="50" align="right" bgcolor="#f1f9ff"><span class="font">耗材名稱:</span></td>
    <td width="80%" align="left" bgcolor="#f1f9ff"  colspan="3"> <html:select property="hcjbxxid" >
    <html:optionsCollection  name="datalist_1" label="hcmc" value="hcjbxxid"/>
     </html:select></td>          
 </tr>

或者:
<pre name="code" class="html"><pre name="code" class="html"><tr>
<td width="20%" height="25" align="right" bgcolor="#F2F8FF"><span class="font">耗材分類:</span></td>
<td width="30%" align="left" bgcolor="#F2F8FF">&nbsp;&nbsp;
<select name="hcdl" onchange="hcdlChange()" style="width:157">
<option value="10241001">辦公耗材</option>
<option value="10241002">業務耗材</option>
<option value="10241003">基建工程</option>
<option value="10241004">辦公裝置維修類</option>
<option value="10241005">業務裝置維修類</option>
</select>
<pre name="code" class="html" style="font-size: 14px; font-weight: bold; line-height: 26px;"></td>
</pre><pre name="code" class="html" style="font-size: 14px; font-weight: bold; line-height: 26px;"><pre name="code" class="html"><td width="15%" height="50" align="right" bgcolor="#f1f9ff"><span class="font">耗材名稱:</span></td>
<td width="80%" align="left" bgcolor="#f1f9ff" colspan="3"> 
<select name="hcjbxxid">
<option value="4028ceeb461d259001461d26135d0001">水筆1</option>
<option value="4028ceeb461c8cfb01461c9b84410002">墨盒</option>
<option value="4028ceeb464278260146427910210002">電池</option>
<option value="4028ceeb464276f80146427758210002">鍵盤</option>
<option value="4028ceeb464276f801464277e8770004">膠帶</option>
<option value="4028ceeb4642810001464281feff0002">滑鼠</option>
</select>
</td>
</tr>


4、Struts中的html:text實現input只能輸入數字

<html:text property="age" style="width:98%" onkeyup="value=value.replace(/[^\d]/g,'') " /> 




相關推薦

JS獲取input標籤textJS獲取內容input控制只能輸入數字問題彙總

1、在js中如何獲取input標籤的text值 var cgsl = document.getElementsByName("cgsl")[0].value; jsp原始碼為: <span> </span><tr><spa

js使得輸入input只能輸入數字

覺得很好用 就收藏了 JS判斷只能是數字和小數點 1.文字框只能輸入數字程式碼(小數點也不能輸入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=th

jquery 根據後臺傳過來的動態設置單選選中

url selected ros info fun cte blog font function jquery 根據後臺傳過來的值動態設置下拉框、單選框選中 1 $(function(){ 2 var sex=$("#sex").val(); 3

浮動子div撐開父div的幾種方法給select賦zoom樣式的含義實現selectreadonly

disable hid 對象 居中 使用說明 child react back for 1.浮動子div撐開父div的幾種方法: (1)在父div中在添加一個清除浮動的子div<div style=" clear:both;"></div>,該div

JS控制只能輸入數字並且最多允許小數點兩位

put fun indexof 代碼 pan ctype urn span cnblogs 直接上代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset

Jquery獲取日期內容後計算出相應年齡顯示在input輸入

  這個就類似於QQ等軟體填寫個人資訊處的生日後年齡就會自動被計算出。 思路:         監聽下拉框內容的改變         1、設定年齡的輸入框不可編輯,我為了讓其以後能往後臺傳輸資料

使用inputul模擬

html <input type="hidden" name="type" id="type" class="type" value="${object.type}"/> <div

使用vue+element實現表格的新增編輯(含刪除功能(Vue開發二)

幾天前,需要做一個需求:新增一個xml檔案時,新增數量不確定、屬性相同的xml標籤,想了想可以用表格做啊,屬性相同,使用統一的表頭,下面的屬性值只是進行增刪改不就行了,就類似於mysql給表裡填資料一樣。 可是目前似乎還沒有表格的直接增刪改一行的操作,那要怎麼實現呢?於是,通過上網以及自己的思考

jQuery實現當select內容變化時,input輸入內容隨之變化

今天實現了一個功能,當select下拉框中的內容發生變化時,input輸入框中的內容隨之發生變化,具體實現方法如下: //繫結change事件,當下拉框內容發生變化時啟動事件 $("#wlms")

ASP.NET MVC搭建專案後臺UI框架—11自動載入查詢

需求:在查詢記錄的時候,輸入第一個字,就自動把以這個字開頭的相關記錄查找出來,輸入2個字就過濾以這兩個子開頭的記錄,依次類推。 突然要用到這個功能了,印象中曾經寫過這個功能的文章,一下子找不到了,只好重新貼出來備忘。最近部落格快2個月沒更新了,因為這兩個月一直在閉門寫書。   <link

jQuery-easyui中的combobox如何動態獲取內容

<pre name="code" class="java">參考事例如下: /** * 獲取下拉框的公司名稱(action) * @return */ private String webObj; public String getCol

struts2中用jqueryajax實現的級聯

–這是剛學會的一個,從action中傳出json型別資料的字串,然後通過ajax再把字串解析出json物件。下面是大致的步驟。 1、post.jsp頁面 在js中加入函式程式碼 <

jsp中自定義標籤自動載入內容

第一步:在web專案下的web-inf的tlds目錄下,新建一個配置檔案,名字為relation.tld,內容如下: 自定義標籤的字首為relation(由short-name標籤決定),屬性有saveField(要儲存到資料庫的欄位名),value(要被選中的資料值)

js--獲取/賦文字innerText/textContentinnerHTML的區別,獲取表單的js事件物件屬性target於currentTarget

  <body> <div id="box_text"> <p style="color:hotpink;">muzidigbig</p> <p style="color:pink">

jQuery獲取input標籤(text,radio,checkbox)

這段時間,剛剛學習了jQuery.就想著寫一個小demo總結一下.如何獲取input標籤的值.發現框架是真的好用.方便了很多. //下面是獲取值的html介面程式碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

原生js獲取select標籤選中

this.selectedIndex; // 選中的索引 this.options[_index].text; // 選中的文字 this.options[_index].value; // 選中的值

使用js控制input標籤和屬性

最近在專案中,做一個表單提交驗證,要求一個公司名稱和一個公司編號都不能為空,這個簡單,只要利用jQuery Validate來進行表單驗證即可。 但是因為需求,需要對某個特殊公司進行特殊處理,該公司沒有公司編碼,無法填寫公司編碼。 所以,根據公司名稱對該公司

jquery及原生js獲取select選中的示例

有一id=test的下拉框,怎麼拿到選中的那個值呢?本文將採用javascript原生的方法及jquery方法(前提是已經載入了jquery庫)來簡單實現下 現在有一id=test的下拉框,怎麼拿到選中的那個值呢?  分別使用javascript原生的方法和jquery方法,程式碼

Js獲取當前選擇項的文字和

 現在有一個Id為AreaId的下拉框,要獲取它當前選擇項的文字和值有以下方法: <span class="red">* </span> 地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

js獲取select中的

現在有一id為userType的下拉框,怎麼獲取選中的值: 1 使用者型別: 2 <select name="type" id="userType"> 3 <option value="0">請選擇</option> 4 <option v