JS获取input标签的text值、JS获取下拉框内容、input控制只能输入数字等问题汇总

1、在js中如何获取input标签的text值

var cgsl = document.getElementsByName("cgsl")[0].value;

<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;

<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();
}

<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">  

<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,'') " />