html table form嵌套

[size=medium]有这样的需求:
对<table>的每行<tr>单独进行更新,这涉及到form表单
<table><form><tr>.....</tr></form></table>
这种方式不行,因为form只能包含table而不能包含<tr>
这也不是太大问题,因为我们是用jquery, 完全有可能不用form
而在<tr>...</tr>里面使用<input...>等表单
暂时的做法就是
<table>
<tr id="1">
<input type="hidden" name="shopId" />
<td>
<input type="text" name="city" />
</td>
<td>
<input type="button" class="submit" />
</td>
<tr>
<tr id="2">下一行.....</tr>
</table>
通过tr中那个id可以拿到相关行的表单值
$("#1 input[name=shopId]").val();
然后再submit到服务器

!!注意这有个问题是<input type="hidden">这个隐藏域并没有用<td>包裹
这在firefox上没有问题,但在chrome中会有问题,它会将这个隐藏域提出到table之前,
造成使用$("#1 input[name=shopId]").val();的时候拿不到相应的值
所以还是必须用<td><input type="hidden" /></td>
但是这样会占用一列, 使用<td style="display:none">将这列隐藏掉吧
搞掂...[/size]
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值