首页 » JavaScript » 关于获得表格里面每一个值的ajax操作

关于获得表格里面每一个值的ajax操作

原文 http://blog.csdn.net/wt1286331074/article/details/78972553

2018-01-07 02:00:12阅读(616)

$html = <<<HTML
<input type="button" class="anniu" value="提交"> 
    <table border="1" width="400">
    <tr>
        <th>装备名称</th>
        <th>标签号</th>
        <th>数量</th>
    </tr>
    <tr class="number">
        <td>minng</td>
        <td>一号</td>
        <td><input type="text"></td>
    </tr>
    <tr class="number">
        <td>hong</td>
        <td>二号</td>
        <td><input type="text"></td>
    </tr>
    <tr class="number">
        <td>bai</td>
        <td>三号</td>
        <td><input type="text"></td>
    </tr>
</table>
HTML;
echo $html;
$js = <<<JS
    var form = {
        options: []
    };
    $(".anniu").click(function(){
        $('table tr.number').each(function(index,tr){
            form.options[index] = {"name":"","tag":"","quantity":""};
                $(this).children('td').each(function(key,doc){
                        if(key == 0){
                            form.options[index].name = $(this).text()
                        }else if(key == 1){
                            form.options[index].tag = $(this).text()
                        }else if(key == 2 && $(this).find('input').length > 0){
                            form.options[index].quantity = $(this).children('input').val();
                        }
                })
        })
        var url = "/apply-order/create";
         $.ajax({
            type: 'POST',
            url: url,
            data: form,
            timeout: 8000,
            complete: function (XMLHttpRequest, status) {
            }
        });
    });
JS;
$this->registerJs($js);

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹