Shang0109 发表于 2012-12-22 21:27:27

JS脚本的基础应用

<div id="cnblogs_post_body">1、<td id=“aa”><span id="bb">Shang</span></td>改变span的值，为“Shang0109”
function ChangeSpanText()
{
　　var aa=document.getElementById('aa').getElementsByTagName("span").innerText;
　　//getElementsByTagName 获取的是数组,此为获取 <td>中所有的<span>
      var xh='0109';
      if(aa.indexOf(aa)!=-1)//先判断是否已包含"0109"
      {
          document.getElementById('aa').getElementsByTagName("span").innerText+="0109";
      }
}
2、CheckBox被选中，则span显示，否则不显示（常用作关联功能的使用）
<tr>
<td><asp:CheckBox ID="aa" runat="server"Checked="false" /></td>
<td><span id="bb"><asp:TextBox ID="cc" runat="server" ></asp:TextBox></span></td>
</tr>
function CBChecked()
{
　　 if(document.getElementById('aa').checked==false)//未被选中
      {
            document.getElementById('bb').style.display='none';//不显示
      }
      else
      {
            document.getElementById('bb').style.display='';//显示
      }
}
3、通过一个下拉列表选择种类，一个文本框填写数量，一个“添加”的按钮，并在ListBox中显示明细记录，以供总提交。
http://pic002.cnblogs.com/images/2012/379215/2012112609444125.png
页面的html代码：
<div class="cnblogs_code" >http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttp://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gifView Code <div id="cnblogs_code_open_7977d2fc-49b7-468d-95f9-f29f08ec7832" class="cnblogs_code_hide"><tr>                <td class='td_table_1' >                  <span>选择设备</span>                </td>                <td class='td_table_2' >                  <asp:DropDownList ID="ddlDevList" runat="server" class="input_select"></asp:DropDownList>                </td>                <td class='td_table_1' ><span>数量（个）</span></td>                <td class='td_table_2'>                  <asp:TextBox ID="txtDevNum" runat="server" CssClass="input_150"></asp:TextBox>                   <input id="btnAdd" type="button" value="添 加" class="unnamed_anliu" onclick="return btnAdd_onclick()" />                </td>            </tr>            <tr>            <td class='td_table_1' >                <span>添加明细</span>            </td>            <td class='td_table_2' colspan='3'>                <asp:ListBox ID="ltbDevDetials" runat="server" Width="400px" Height="100px">                </asp:ListBox>            </td>      </tr>
页: [1]
查看完整版本: JS脚本的基础应用