Question

这是我的下拉列表：

<div id="addCam"></div>
<div id="addDiv">
    <select id="type1">
            <option value="">- Kiểu áo -</option>
            @foreach (var item in Model.teetypes)
            {
            <option value="@item.Image">@item.Name</option>
        }
    </select>
    <a class="btn btn-info btn-default" id="addBtnH" style="text-align:center" title="Thêm sản phẩm"><i class="fa fa-plus"></i></a>
</div>
Button submit:
<input type="submit" value="Khởi động chiến dịch" onclick="return validate()" class="btn btn-success btn-lg" />

Javascript .append（）：

$(document).ready(function () {
    var count = 2;
    var maxAppend = 0;
    $("#addBtnH").click(function () {
            var name = $("#type1 option:selected").val();
            var name1 = $("#type1 option:selected").text();
            if (name == '') return;
            if (maxAppend >= 5) {
                $("#addDiv").hide();
                return;
            }
            $("#addDiv").show();
            $("#addCam").append("<div class='widget' id='del" + count + "'><div class='widget-body'><div class='col-md-3'><span style='display:block'><img src='/Content/assets/img/avatars/" + name + ".png' title='"+name+"' id='tee" + count + "' height='75'/></span></div>" +
                "<div class='col-md-1'><select id='color" + count + "' onchange='changeColor" + count + "()'>@foreach (var item in Model.teecolors){<option value='@item.Color' style='background-color: #@item.Color'></option>}</select></div><div id='dis" + count + "'>" + name1 + "</div><input type='hidden' id='diss" + count + "'>" + name1 + "</div>" +
                "<hr class='wide'><input type='text' name='input'><a class='btn btn-info btn-default' rel='"+name+"' id='delete" + count + "' style='text-align:center' title='Xóa sản phẩm'><i class='fa fa-trash'></i></a>" +
                "<script>$('#delete" + count + "').click(function(){var rel = $('#tee"+count+"').attr('title'); $('#type1 option[value = '+rel.toString()+']').unwrap();$('#del" + count + "').remove();});" + "<" + "/script>" +
                "<script type='text/javascript'>function changeColor" + count + "(){var eID = document.getElementById('color" + count + "'); var colorVal = eID.options[eID.selectedIndex].value; document.getElementById('tee" + count + "').style.background = '#' + colorVal;}" + "<" + "/script>" +
                "</div></div>");
        count = count + 1;
        maxAppend++;
        $("#type1 option:selected").wrap('<span/>');
        $("#type1").val('');
    });
});

我有name和name1，用于获取值和从db下拉的文本，以便在单击按钮添加时显示在.append（）中。有了这段代码，我可以保存已添加到数据库中新表的所有值选项吗？如何在控制器中做到这一点？或者我必须重写javascript .append（）？

我的控制器名称是CreateCampaign。

感谢您的帮助。

Answer 1

将其附加到某种形式然后进行血清化。例如：

<form id="myForm">
...
</form>
$('btn').click(function(){
$('#myForm').append(...)
});
$('#myForm').on('submit', function(){
$.post(url, $( this ).serialize() ...
});

在Controller中，你应该有这样的数组或列表：

string [] name1

或使用FormCollection

获取和保存值已从下拉列表添加到数据库

1 个答案: