判断 html 表的行数,如何计算动态生成的html表中的行数?

任何人都可以请帮我算一个使用JavaScript的动态生成HTML表格的行数吗?如果任何人都可以在此帮助让我知道,我已经试图动态生成行的数据插入到数据库如何计算动态生成的html表中的行数?

我JS代码:

var count=1;

function addRow(tableID) {

/*if(empty(index))

{

var index = 0;

}

else

{

index++;

alert(index);

document.getElementById('cat').name = 'cat'+index;

}*/

var table = document.getElementById(tableID);

var rowCount = table.rows.length;

var count = rowCount-1;

alert(rowCount);

var selectOFCat = $("#"+tableID).find('tr:eq(0)').find('.cat').get(0);

var row = table.insertRow(rowCount);

var colCount = table.rows[0].cells.length;

for(var i=0; i

var newcell = row.insertCell(i);

newcell.innerHTML = table.rows[0].cells[i].innerHTML;

//alert(newcell.childNodes);

switch(newcell.childNodes[0].type) {

case "text":

newcell.childNodes[0].value = "";

break;

case "checkbox":

newcell.childNodes[0].checked = false;

break;

case "select-one":

newcell.childNodes[0].selectedIndex = 0;

break;

}

}

$(table).find("tr:eq("+rowCount+")").find('.cat').attr("id","cat"+rowCount);

}

function deleteRow(tableID) {

try {

var table = document.getElementById(tableID);

var rowCount = table.rows.length;

for(var i=0; i

var row = table.rows[i];

var chkbox = row.cells[0].childNodes[0];

if(null != chkbox && true == chkbox.checked) {

if(rowCount <= 1) {

alert("Cannot delete all the rows.");

break;

}

table.deleteRow(i);

rowCount--;

i--;

}

}

}catch(e) {

alert(e);

}

}

function changeSelection(value){

var length = document.getElementById("ind").options.length;

if(value == "All"){

for(var i = 1;i

document.getElementById("ind").options[i].selected = "selected";

document.getElementById("ind").options[0].selected = "";

}

}

我的PHP代码:

Add your Products
   
::TypeProductSpecificationOptionSourceFrequencyQuantityUnit

--Select a Category--

= $options ?>

<?php echo tep_draw_input_field('data[productname][]','','class="srcinfo"'); ?>

echo tep_draw_checkbox_field('data[option][]','sell', false).' Sell'; ?>

$source_array[0] = array('id' => 'All', 'text' => 'All India');

$source_array[1] = array('id' => 'AP', 'text' => 'Andhra Pradesh');

$source_array[2] = array('id' => 'ARP', 'text' => 'Arunachal Pradesh');

$source_array[3] = array('id' => 'ASM', 'text' => 'Assam');

$source_array[4] = array('id' => 'BHR', 'text' => 'Bihar');

$source_array[5] = array('id' => 'DL', 'text' => 'Delhi');

echo tep_draw_pull_down_menu('data[source][]', $source_array,'','class="srcinfo_source" multiple οnchange="changeSelection(this.value)" id="ind"'); ?>

$frequency_array[0] = array('id' => 'Yr', 'text' => 'Yearly');

$frequency_array[1] = array('id' => 'mnth', 'text' => 'Monthly');

echo tep_draw_pull_down_menu('data[freq][]', $frequency_array,'','class="srcinfo" style="margin-top:50px;"'); ?>

$unit_array[0] = array('id' => 'kg', 'text' => 'kilogram');

$unit_array[1] = array('id' => 'gr', 'text' => 'gram');

$unit_array[2] = array('id' => 'mg', 'text' => 'milligram');

echo tep_draw_pull_down_menu('data[unit][]', $unit_array,'','class="srcinfo" style="margin-top:50px;"'); ?>

<?php echo tep_draw_button(IMAGE_BUTTON_PRODINFO, 'person', null, 'primary',array('params' => 'name="add_pro" class="btn btn-danger" ')); ?>

if(isset($_POST['add_pro']))

{

foreach($html->find('dataTable') as $table){

$all_trs = $table->find('tr');

$count = count($all_trs);

echo $count;

exit;

}

$src = $_POST['source'];

$products_source = implode(",", $src);

$opt = $_POST['option'];

$products_options = implode(",", $opt);

$products_array = array(

'products_quantity' => $products_quantity,

'products_date_added' => 'now()',

'products_source' => $products_source,

'products_frequency' => $products_frequency,

'products_options' => $products_options,

'products_unit' => $products_unit,

'customers_id' => $customer_id

);

tep_db_perform(TABLE_PRODUCTS, $products_array);

$products_desc_array = array(

'products_name' => $products_name,

'products_description' => $products_description

);

tep_db_perform(TABLE_PRODUCTS_DESCRIPTION, $products_desc_array);

$prod_id = tep_db_insert_id();

$category_id_array = array('products_id' => $prod_id,

'categories_id' => $category_type_id);

tep_db_perform(TABLE_PRODUCTS_TO_CATEGORIES, $category_id_array);

$update_stage = tep_db_query("update " . TABLE_CUSTOMERS . " set customers_stage='5' where customers_id = '" . $customer_id. "'");

tep_redirect(tep_href_link(FILENAME_REGISTRATION_6, '', 'SSL'));

}

?>

我想插入行中的值在动态生成的窗体中。

+0

清楚地陈述你的问题,用你尝试的一些适当的代码,并为你的问题添加适当的标签......! –

+1

为什么这个标签为“php”? –

+1

你还尝试过什么吗? –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
锁定头及固定左边列,原生JS原创代码 需要注意的问题: 1.格的宽度以及格每一列的宽度需要固定(特殊情况除外:当格列数少并且格总宽度明显小于格父容器的宽度时,也就是格列不存在自动换行的问题) 2.格父容器尺寸大小改变时,需要调用 setBoxSize 方法,目的是判断父容器是否出现滚动条 1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线, 修正了重复生成锁定行列的问题以及生成错位的问题, 修正了行、列事件无法复制的问题, 增加了IE6/IE7/IE8 启用设置参数(ieLowVersionEnabled: true|false) ,默认不启用, 注:IE6/7/8锁定头 由于兼容性问题,有些情况下会有一些错位的问题 1.5 增加了 显示/隐藏功能,修正了非IE浏览器下列宽错位问题 1.6 修正了当有合并单元格时,锁定单元格错位的问题,修正了行数较多时的性能问题 1.7 格单元格可以不指定宽度(锁定时,取实际的单元格宽度),当单元格的左右两边的borderWidth不一样时,会有一些错位 若单元格宽度是固定的,可以在第3个参数(config)中指定 isFixedSize:true 修正头列未锁定的Bug 1.8 修正格含有thead时的样式丢失问题,以及行数设置问题,修正thead/tbody行归属问题 1.9 移除tbTopLeft的边框线 修正格cellpadding/cellspacing的设置问题 修复Firefox下的padding导致的错位问题 修复thead复制没有底部分割线的问题 修复thead复制时无背景色的问题 增加复选框同步功能(如果是JS代码设置复选框选中,需要调用 .setCheckBoxSync()方法) .setCheckBoxSync 方法参数说明:4种参数 1) 复选框控件(html object)数组 2) 复选框控件(html object) 3) 复选框控件ID (string) 4) 空参数(尽量不用空参数)
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 3.27 黑客帝国中的字符下落效果 3.28 获取单中文本框的个数 3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最顶端的文本 3.43 JavaScript过滤SQL注入字符 3.44 textarea内实现行的翻页效果 3.45 textarea中的文本插入 3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15 鼠标旁边的提示信息 4.16 鼠标移到下拉框时自动全部打开 4.17 checkbox鼠标移入移出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉列往另一个下拉列添加内容 6.6 改变列项的上下顺序
锁定头及固定左边列,原生JS原创代码 需要注意的问题: 1.格的宽度以及格每一列的宽度需要固定(特殊情况除外:当格列数少并且格总宽度明显小于格父容器的宽度时,也就是格列不存在自动换行的问题) 2.格父容器尺寸大小改变时,需要调用 setBoxSize 方法,目的是判断父容器是否出现滚动条 1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线, 修正了重复生成锁定行列的问题以及生成错位的问题, 修正了行、列事件无法复制的问题, 增加了IE6/IE7/IE8 启用设置参数(ieLowVersionEnabled: true|false) ,默认不启用, 注:IE6/7/8锁定头 由于兼容性问题,有些情况下会有一些错位的问题 1.5 增加了 显示/隐藏功能,修正了非IE浏览器下列宽错位问题 1.6 修正了当有合并单元格时,锁定单元格错位的问题,修正了行数较多时的性能问题 1.7 格单元格可以不指定宽度(锁定时,取实际的单元格宽度),当单元格的左右两边的borderWidth不一样时,会有一些错位 若单元格宽度是固定的,可以在第3个参数(config)中指定 isFixedSize:true 修正头列未锁定的Bug 1.8 修正格含有thead时的样式丢失问题,以及行数设置问题,修正thead/tbody行归属问题 1.9 移除tb_top_left的底部边框线 修正格cellpadding/cellspacing的设置问题 修复Firefox下的padding导致的错位问题 修复thead复制没有底部分割线的问题 修复thead复制时无背景色的问题 增加复选框同步功能(如果是JS代码设置复选框选中,需要调用 .setCheckBoxSync()方法) .setCheckBoxSync 方法参数说明:4种参数 1) 复选框控件(html object)数组 2) 复选框控件(html object) 3) 复选框控件ID (string) 4) 空参数(尽量不用空参数) 增加复选框选择:全选、取消、反选,需要调用 .setChecked(oper, name) oper: 1-全选,2-取消,3-反选; name: checkbox的 name属性名称 解决启用bootstrap.css之后格列宽获取的问题,目前采用的方法是屏蔽,虽解决了问题,但不明所以,留待后续彻解。临时解决方案:在第3个参数(config)中指定 isBootstrap:true,或者也可以不指定,js会自动检测页面上有没有启用文件名为bootstrp的css(如果启用bootstrap.css,但文件名不是bootstrap,那请指定isBootstrap参数)。 增加colStartRowIndex参数,当格顶部的行有合并所有列的情况下,列宽计算从指定的行开始 2.0 增加 window.onresize事件监听(当触发 window.onresize时自动重新固定头) 增加左边固定位置鼠标滚轮事件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值