form怎么提交table，不带文本框

-一个大坑 2018-04-23 03:33:20



<form id="singleFrom" onsubmit="return false;">

            <table style="margin:10px 20px 0px 20px; width: 500px;">

                <tr>

                    <td>送工起始日：</td>

                    <td colspan="2" id="StartDate2" name="StartDate"></td>

                    <td>送工截止日：</td>

                    <td colspan="2" id="EndDate2" name="EndDate"></td>

                </tr>

                <tr>

                    <td>送工類別：</td>

                    <td colspan="2" id="ChannelCategory2" name="ChannelCategory"></td>

                    <td>分項類別：</td>

                    <td colspan="2" id="ChannelItem2" name="ChannelItem"></td>

                </tr>

                <tr>

                    <td>主要來源區域：</td>

                    <td colspan="2" id="Area2" name="Area"></td>

                    <td>餐飲偏好：</td>

                    <td colspan="2" id="EatingHabits2" name="EatingHabits"></td>

                </tr>

                <tr>

                    <td>供應商等級：</td>

                    <td colspan="5" id="AgentLevel2" name="AgentLevel">@Model.AgentLevel</td>

                </tr>

                <tr>

                    <td>供應商名稱：</td>

                    <td colspan="5" id="AgentName2" name="AgentName">555</td>

                </tr>

            </table>

        </form>



    //打開選擇對象及期限頁面

        function openContentView(){

        $.post("/DLR007/AddPaymentView",

        $("#singleFrom").serialize(), //文本框或者下拉框可以直转成类提交到后台。但是直接放td里不行

        function(data){

            var result=$(data).find('#contentView').first().html();

                layer.open({

                    type: 1,

                    title:'選擇對象及期限',

                    skin: 'layui-layer-rim', //加上边框

                    area: ['650px', 'auto'], //宽高

                    btn: ['確定', '取消'],

                    content: result,

                    yes:function(){



                    },

                    btn2: function(){

                        parent.layer.close(layer.index);

                    }

            });  

        });

    };

...全文

1048 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

___紫菜 2018-04-24

打赏
举报

引用 14 楼 happy4944 的回复:

[quote=引用 13 楼 u013116426 的回复:] [quote=引用 9 楼 happy4944 的回复:] [quote=引用 7 楼 xomix 的回复:] 你提交整个table是打算干啥？

table外面一层的div加了个js方法，点这个div就弹一个编辑页面，带出这个table里相关数据的值，可以修改，修改完保存就在table里显示改动后的数据。提交时才保存到数据库，改动页面的保存不保存到数据库[/quote] layui表格不是自带编辑功能吗？ http://www.layui.com/demo/table/cellEdit.html[/quote] 好多是下拉框，而且和user给的ui不一样[/quote] 多看看文档，可以自己弄的。不懂的去社区问一下

-一个大坑 2018-04-24

打赏
举报

引用 13 楼 u013116426 的回复:

[quote=引用 9 楼 happy4944 的回复:] [quote=引用 7 楼 xomix 的回复:] 你提交整个table是打算干啥？

___紫菜 2018-04-24

打赏
举报

引用 9 楼 happy4944 的回复:

[quote=引用 7 楼 xomix 的回复:] 你提交整个table是打算干啥？

-一个大坑 2018-04-24

打赏
举报

引用 10 楼 Admarantine 的回复:

可以提交整个form啊转成josn

我是提交的整个form，但是不知怎么转json

-一个大坑 2018-04-24

打赏
举报

引用 5 楼 starfd 的回复:

var data = {};
for(var dom in $('[name]')){
data[$(dom).attr("name")]=$(dom).html();
}
console.info(data);

这里有未结帖子，可以拿分https://bbs.csdn.net/topics/392343080

Admarantine 2018-04-23

打赏
举报

可以提交整个form啊转成josn

-一个大坑 2018-04-23

打赏
举报

引用 3 楼 happy4944 的回复:

[quote=引用 1 楼 hanjun0612 的回复:] 自己拿出来组装成json数据。

自己写的拼接的，一个框就有这么多，总共7个框


function openContentView2(){ 
        var ruleArr={
            StartDate : document.getElementById("START_DATE2").innerText,
            EndDate : document.getElementById("EndDate2").innerText,
            ChannelCategory : document.getElementById("ChannelCategory2").innerText,
            ChannelItem : document.getElementById("ChannelItem2").innerText,
            Area : document.getElementById("Area2").innerText,
            EatingHabits : document.getElementById("EatingHabits2").innerText,
            AgentLevel : document.getElementById("AgentLevel2").innerText,
            AgentName : document.getElementById("AgentName2").innerText             
        };
        $.ajax({
            type: "post",
            url: "/DLR007/AddPaymentView",
            data: { ruleInfo: JSON.stringify(ruleArr) },
            success: function (data) {
                var result=$(data).find('#contentView').first().html();
                layer.open({
                    type: 1,
                    title:'選擇對象及期限',
                    skin: 'layui-layer-rim', //加上边框
                    area: ['650px', 'auto'], //宽高
                    btn: ['確定', '取消'],
                    content: result,
                    yes:function(){
                        $.post("/DLR007/SavePayment",
                        $("#singleFrom").serialize(),
                        function(data){
                            var obj = eval('(' + data + ')');                            
                            document.getElementById("START_DATE2").innerText=obj[0].StartDate;
                            document.getElementById("EndDate2").innerText=obj[0].EndDate;
                            document.getElementById("ChannelCategory2").innerText=obj[0].ChannelCategory;
                            document.getElementById("ChannelItem2").innerText=obj[0].ChannelItem;
                            document.getElementById("Area2").innerText=obj[0].Area;
                            document.getElementById("EatingHabits2").innerText=obj[0].EatingHabits;
                            document.getElementById("AgentLevel2").innerText=obj[0].AgentLevel;
                            document.getElementById("AgentName2").innerText=obj[0].AgentName;    
                        });                                                               
                    },
                    btn2: function(){
                        parent.layer.close(layer.index);
                    }
                });  
            }
        })
    };

[/quote] 这样写有一个问题，我在页面最后放了一个赋值的，如果接收整个页面startDate文本框就有值， var result=$(data).find('#contentView').first().html();只显示div，文本框里的值为空难道不是加载完整个页面后再返回data，然后从data里取div的html代码显示？ <script> $("#startDate").val('20170101'); </script>

-一个大坑 2018-04-23

打赏
举报

引用 7 楼 xomix 的回复:

你提交整个table是打算干啥？

table外面一层的div加了个js方法，点这个div就弹一个编辑页面，带出这个table里相关数据的值，可以修改，修改完保存就在table里显示改动后的数据。提交时才保存到数据库，改动页面的保存不保存到数据库

非专业开发Five 2018-04-23

打赏
举报

你提交整个table是打算干啥？

-一个大坑 2018-04-23

打赏
举报

引用 5 楼 starfd 的回复:

var data = {};
for(var dom in $('[name]')){
data[$(dom).attr("name")]=$(dom).html();
}
console.info(data);


    //打開選擇對象及期限頁面
    function openContentView(){
        var da = {};
        for(var dom in $('[name]')){
            da[$(dom).attr("name")]=$(dom).html();
        };
        console.info(da);
        
        $.post("/DLR007/AddPaymentView",
        da,
        function(data){
            var result=$(data).find('#contentView').first().html();
                layer.open({
                    type: 1,
                    title:'管理費',
                    skin: 'layui-layer-rim', //加上边框
                    area: ['650px', 'auto'], //宽高
                    btn: ['確定', '取消'],
                    content: result,
                    yes:function(){

                    },
                    btn2: function(){
                        parent.layer.close(layer.index);
                    }
            });  
        });
    };

        public IActionResult AddPaymentView(PaymentRule paymentRule)
        {
            //ViewBag.Info=ruleInfo;
            return PartialView("_AddPaymentView",paymentRule);
        }

后台的类里的值都是null

娃都会打酱油了 2018-04-23

打赏
举报

var data = {};
for(var dom in $('[name]')){
data[$(dom).attr("name")]=$(dom).html();
}
console.info(data);

-一个大坑 2018-04-23

打赏
举报

引用 2 楼 starfd 的回复:

var data = new {}; 
for(var dom in $('#singleFrom td[name]')){
data[dom.attr["name"]]=dom.html();
}

手打，仅供参考

没有物体支援该方法，换成var data; data[dom.attr["name"]]=dom.html(); 無法取得未定義或 Null 參考的屬性 'name'

-一个大坑 2018-04-23

打赏
举报

引用 1 楼 hanjun0612 的回复:

自己拿出来组装成json数据。

自己写的拼接的，一个框就有这么多，总共7个框


function openContentView2(){ 
        var ruleArr={
            StartDate : document.getElementById("START_DATE2").innerText,
            EndDate : document.getElementById("EndDate2").innerText,
            ChannelCategory : document.getElementById("ChannelCategory2").innerText,
            ChannelItem : document.getElementById("ChannelItem2").innerText,
            Area : document.getElementById("Area2").innerText,
            EatingHabits : document.getElementById("EatingHabits2").innerText,
            AgentLevel : document.getElementById("AgentLevel2").innerText,
            AgentName : document.getElementById("AgentName2").innerText             
        };
        $.ajax({
            type: "post",
            url: "/DLR007/AddPaymentView",
            data: { ruleInfo: JSON.stringify(ruleArr) },
            success: function (data) {
                var result=$(data).find('#contentView').first().html();
                layer.open({
                    type: 1,
                    title:'選擇對象及期限',
                    skin: 'layui-layer-rim', //加上边框
                    area: ['650px', 'auto'], //宽高
                    btn: ['確定', '取消'],
                    content: result,
                    yes:function(){
                        $.post("/DLR007/SavePayment",
                        $("#singleFrom").serialize(),
                        function(data){
                            var obj = eval('(' + data + ')');                            
                            document.getElementById("START_DATE2").innerText=obj[0].StartDate;
                            document.getElementById("EndDate2").innerText=obj[0].EndDate;
                            document.getElementById("ChannelCategory2").innerText=obj[0].ChannelCategory;
                            document.getElementById("ChannelItem2").innerText=obj[0].ChannelItem;
                            document.getElementById("Area2").innerText=obj[0].Area;
                            document.getElementById("EatingHabits2").innerText=obj[0].EatingHabits;
                            document.getElementById("AgentLevel2").innerText=obj[0].AgentLevel;
                            document.getElementById("AgentName2").innerText=obj[0].AgentName;    
                        });                                                               
                    },
                    btn2: function(){
                        parent.layer.close(layer.index);
                    }
                });  
            }
        })
    };

娃都会打酱油了 2018-04-23

打赏
举报

var data = new {}; 
for(var dom in $('#singleFrom td[name]')){
data[dom.attr["name"]]=dom.html();
}

手打，仅供参考

正怒月神版主 2018-04-23

打赏
举报

自己拿出来组装成json数据。

在网上找了下这方面资料都不太满足自己需求，自己就写了个，里面有初始数据都不可编辑只有手动点击插入新的行是可编辑；还有是初始数据全部可编辑，插入新行也是可编辑的，全部编辑形式是input框里直接编辑，失去焦点触发事件，非官方自带的编辑形式，将页面放到bootstrap-table的demo项目的insertRow.html同目录下即可

input文本框操作： Form表单文本框操作示例1 label{display:inline-block;width:7em;margin-left:0.3em;margin-right:0.3em;} input{margin-top:0.3em;margin-bottom:0.3em;} .tipmsg{font-size:12px;color:#f00;}

HTML表单对于敲代码的工作者来说再熟悉不过了，不过是菜鸟也没关系，有了小编整理的教程，一样可以用好HTML表单的文本框。只要大家了解了表单文本框的参数含义，想制作接收信息的文本框还是相对容易的，下面我们来看看HTML表单文本框的详细使用教程。注：表单的文本框分为单行文本框和多行文本框，故名思义，单行文本框用于输入一些简短的信息，如：姓名、E_mail地址、口令等等；多行文本框用于输入内容较长的信...

表格标签table：1. 表格的作用：按照一定的格式摆放数据。2.表格的组成：表格是由一系列的单元格(矩形框)组成。按照从左到右，从上到下的顺序排列到一起组成的。3.用于创建表格的标记：用于标记一个表格的开始,用于标记一个表格的结束。一个表格中，只允许出现一对table标签。表格的标题，可以省略，表格标题必须跟在 table后面，tr标签前面，而且最多只能有一个。用于标记表格一行的开始，标记一...

<el-table :data="tableData" stripe size="medium" > <el-table-column prop="name" label="中文名称" :show-overflow-tooltip="true" width="200" sortable="custom"> <template slot-scope="scope"> <span v-...

.NET社区

62,074

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章