Question

我做了很多关于在DropDownList中获取所选值以使用MVC 4将其发送到控制器的搜索，我发现了类似的东西：Request.Form [“id”]但是它们不能满足我的需求。我有这样的表格：

                        <div class="editor-label">
                            @Html.LabelFor(model => model.IDTYPE, "TYPES")
                        </div>
                        <div class="editor-field">
                            @Html.DropDownList("IDTYPE", String.Empty)
                            @Html.ValidationMessageFor(model => model.IDTYPE)
                        </div>

                        <div class="editor-label">
                            @Html.LabelFor(model => model.IDFLIGHT, "FLIGHTS")
                        </div>
                        <div class="editor-field">
                            @Html.DropDownList("IDFLIGHT", String.Empty)
                            @Html.ValidationMessageFor(model => model.IDFLIGHT)
                            @Html.ActionLink("Add New flight","Create","Flight",null,new{@style="font-size:16px;", @class="popup"})
                        </div>

我不想使用表单中的Post方法将数据发送到控制器，而是使用下面的脚本，该脚本用于名为Aurigma的插件，用于上传图像和在Controller中调用操作。这是代码：

<script type="text/javascript">

        var uploader = $au.imageUploaderFlash({
            id: 'Uploader1',
            licenseKey: '77FF4-00485-962F7-E117E-11414-86DBBB',
            folderProcessingMode: 'Upload',
            restrictions: { fileMask: '*.jpg;*.jpeg;*.png;*.gif;*.bmp' },
            messages: { fileNameNotAllowed: 'You can add only images.' },
            width: '100%',
            height: '400px',
            converters: [
           { mode: '*.*=SourceFile' }
            ],
            uploadSettings: {
                actionUrl: '@Url.Action("Ajouter", "Image")'
    }
});
uploader.writeHtml();

所以，我想在两个DropDownLists IDFLIGHT和IDTYPE中获取所选值的id，并在actionURL中传递它。所以，我想做那样的事情：

actionUrl: '@Url.Action("Ajouter", "Image", new { IdFlight = "id for flight", IdType = "id for type"})'

这是我的控制器：

[HttpPost]
    public ActionResult Ajouter(int idflight, int idtype)
    {
        for (int i = 0;
                i < Convert.ToInt32(Request.Form["PackageFileCount"]);
                i++)
        {
            if (Request.Form["File0Mode_" + i] != "sourceFile")
                throw
                  new Exception("Uploader expects to send original files.");
            HttpPostedFileBase sourceFile;
            sourceFile = Request.Files["File0_" + i];

            Char[] sepDCap = { '_', '.' };
            String[] data = sourceFile.FileName.Split(sepDCap);
            string Jour = data[1];
            string Mois = data[2];
            string Annee = data[3];

            string dateCreat = DateTime.Now.ToString();
            Char[] sepTDate = { '-', '/',' ' };
            String[] dateCr = dateCreat.Split(sepTDate);
            string Jourdc = dateCr[0];
            string Moisdc = dateCr[1];
            string Anneedc = dateCr[2];

            string pathToCreate = "~/Uploads/" + Anneedc + "/" + Moisdc + "/" + Jourdc;
            if (!Directory.Exists(Server.MapPath(pathToCreate)))
            {
                Directory.CreateDirectory(Server.MapPath(pathToCreate));
            }
            string dir = Server.MapPath(pathToCreate);

            sourceFile.SaveAs(dir + "/" + sourceFile.FileName);

            DateTime dateCapt = Convert.ToDateTime(Jour + "-" + Mois + "-" + Annee);
            double latitude = Convert.ToDouble(data[4]);
            double altitude = Convert.ToDouble(data[5]);
            string pathImage = pathToCreate;
            double longitude = Convert.ToDouble(data[6]);

            IMAGES img=new IMAGES();

            img.IDFLIGHT = idflight;
            img.IDTYPE = idtype;                
            img.DATECAPTURE = dateCapt;
            img.LATITUDE = latitude;
            img.ALTITUDE = altitude;
            img.PATHIMAGE = pathImage;
            img.CREATED = Convert.ToDateTime(dateCreat);
            img.LONGITUDE = longitude;

            ImageService imgSce = new ImageService();
            imgSce.create(img);
        }
        Response.Write("Upload Complete");
        return null;
    }

谢谢你！

Answer 1

@Url.Action()是剃刀代码，在将其传递给视图之前在服务器上进行解析。要根据下拉列表中选定的值构建网址，请使用

 actionUrl: '@Url.Action("Ajouter", "Image")' + '?idflight=' + $('#IDFLIGHT').val() + '&idtype=' + $('#IDTYPE').val()

如何获取DropDownList选定值并将其发送到ASP.NET MVC 4中的控制器并使用JavaScript？

1 个答案: