jquery 获取设置控件值

最新推荐文章于 2021-12-08 11:17:09 发布

原创最新推荐文章于 2021-12-08 11:17:09 发布 · 782 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #控件

JavaScript 同时被 2 个专栏收录

45 篇文章

订阅专栏

Jquery

36 篇文章

订阅专栏

本文详细介绍了使用JavaScript操作表格样式，包括thead和tbody的使用，并演示了如何清空tbody内容、获取Dropdownlist控件的value和Text值、设置表格标题及内容，最后展示了通过AJAX方法获取数据填充到表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、js操作的表格样式（标题用thead,内容区域用tbody）
  <table id="divTable" width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
                <thead>
                     <td style="width: 10%; text-align: center"><b>年份</b></td>                   
                </thead>
                <tbody id="trTable">
                </tbody>              
            </table>
2、清空tbody的内容
      $("#trTable").html(""); //清空表格
  3、获取dropdownlist的服务器控件的value,Text
   //获取选中的类型
            var opeType = $("#<%=ddlType.ClientID%>").val();        //value
            var opeName = $("#<%=ddlType.ClientID %>").find(":selected").text(); //选中的text值
4、设置id为tdTypeName的td的值
      //设置表格标题
            $("#tdTypeName").html("<b>" + opeName + "</b>");
 5、设置tbody 的内容（表格内容append）
   $("#trTable").append("<tr><td rowspan=" + colspanNum + "  style=\"width: 10%; text-align: center\">" + y + "</td><tr>");
6、ajax调用方法
   $.ajax({
                type: "post",
                cache: false,
                dataType: "json",
                async: false,
                url: "../../ajax/ProjectCounts_Ajax.ashx?StartTime=" + STime + "&EndTime=" + ETime + "&OType=" + opeType,
                success: function (data) {
 for (var i = 0; i < data.length; i++)
                        {
                        //取值
                        data[i].Year；
}
}