首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

再问:怎么从checkbox和select下拉list中读取信息,并用于查询数据库呢? (撒分,不够另补)

2013-08-14 
再问:如何从checkbox和select下拉list中读取信息,并用于查询数据库呢? (撒分,不够另补)先前开了一个帖子问

再问:如何从checkbox和select下拉list中读取信息,并用于查询数据库呢? (撒分,不够另补)
先前开了一个帖子问这个问题,但当时有个牛人们帮助解答了另外一个问题,反而原帖的问题没有解决。为了对得住大牛的帮助,我就先结贴,再开新帖问。问题描述如下:

从被点击了checkbox的所在行的记录取得最关键的信息,加上最上端的select下拉list中选择,并用于操作数据库,这个过程可以分为这几个步骤:
1. 生成car 1、car 2等一系列这样的记录表,这个我可以搞定;基本代码为:


<!---下面只是示例,真正的记录表肯定要循环得到---->
<table cellpadding="0px" cellspacing="0px" border="0px" style="text-align:left; width:100%;">
                            <tr>
                                <td colspan="7"><h2>Car 1</h2></td>
                            </tr>
                            <tr>    
                                <th width="30px"><p>No.</p></th>
                                <th width="120px"><p>Tank No.</p></th>
                                <th width="120px"><p>Departure</p></th>
                                <th width="120px"><p>Arrival</p></th>
                                <th width="70px"><p>Work No.</p></th>
                                <th colspan="2"></th>
                            </tr>


                          <tr><td colspan="7" style="padding-top:6px;"></td></tr>
                            <tr style="height:30px; valign="middle">    
                                <td><p>1</p></td>
                                <td><p>RYCU9930357</p></td>
                                <td><p>AAAAAAA</p></td>
                                <td><p>BBBBBBB</p></td>
                                <td><p>1031239</p></td>
                                <td></td>
                                <td><input type="checkbox" class="checkbox" /></td>
                            </tr>
                            <tr><td colspan="7" style="padding-top:6px;"></td></tr>
                            <tr style="height:30px;  valign="middle">    
                                <td><p>2</p></td>


                                <td><p>RYCU9930357</p></td>
                                <td><p>AAAAAAA</p></td>
                                <td><p>BBBBBBB</p></td>
                                <td><p>1031239</p></td>
                                <td></td>
                                <td><input type="checkbox" class="checkbox" /></td>
                            </tr>
                        </table>
                       <tr style="margin-bottom:12px; margin-top:12px;">
                        <td style="background-color: #316C8C; border:1px solid  #316C8C; border-radius:5px; padding:10px; color:#ffffff;">
                                  <input type="submit" value="change" class="blue_btn">
                        </td>
                       </tr>
</table>


上面没有加入select的list。最后代码肯定是要循环得到的

,目标想象图为:
再问:怎么从checkbox和select下拉list中读取信息,并用于查询数据库呢? (撒分,不够另补)
这部分,我自己应该能完成。

2.后面的步骤就是点击checkbox,取出该条记录的id,传给后台。我已经可以按照街头小贩的思路,把该记录的id用hidden的方式嵌入即可该记录。但如何把点击过的checkbox和这个嵌入的值联系起来?根据其他大牛的指点,我是不是应该在<input type="checkbox" name="这里取个动态的name?" value="这里通过循环给出该记录的id?">。这里就有点思路阻塞了。

3.后台数据库操作以及返回信息,由js操作,这部分似乎应该没有问题了,我自己可以摸索解决。

原帖中几个大牛说可以类似于<input type="checkbox" name=??? value=??? a1='' a2='' a3=.....>,这个怎么和所在行记录的id数值联系起来?关键存在多个记录表,且是循环给出的,读取数据时name还不能混乱?

请大牛们指导啊,棘手啊!!!!(另外不要担心结贴和给分问题,不够我可另补!)

[解决办法]
但如何把点击过的checkbox和这个嵌入的值联系起来?根据其他大牛的指点,我是不是应该在<input type="checkbox" name="这里取个动态的name?" value="这里通过循环给出该记录的id?">。这里就有点思路阻塞了。
re:

什么意思?是根据选中的checkbox,把跟选中的checkbox的值所在行的所有数据取出来
[解决办法]

不要求局部刷新,最简单方法传统表单提交,都放在 一个form下,
checkbox的name 都一样,value=数据记录ID

[解决办法]

<input id="1" name="ddd" value="{id:'111', val:'值'}" type="checkbox" class="checkbox" />


动态写入checkbox的时候给value付一个对象就好了!如上面
然后试试输出value的值
consoloe.log($('#1').attr('value'));

输出结果
{id:'111', val:'值'}

热点排行
Bad Request.