如何将drowdown选择的结果显示为html列表?

时间:2019-06-14 14:12:42

标签: jquery html asp.net-mvc asp.net-mvc-4

我正在尝试构建一个Web应用程序以显示可能的报告配置。 我在Visual Studio中启动了一个ASP.NET Framework MVC项目。 我正在尝试设置两个下拉菜单,用户可以在其中选择报告类别和该类别中的报告。 现在,我想在文本区域中显示可用于该选定报告的参数。我使用来自Google的代码示例,其中包含3个级联的下拉菜单。 现在,我不知道如何更改或编辑将参数显示在简单文本区域中的最后一个下拉列表,因此用户可以一次查看所有可用参数。 感谢您的输入和建议。

使用Json / jquery实现下拉列表。

我在asp.net控制器中获取参数的方法

public JsonResult getparameter(Guid id) {
    var parameter = Dropdown.ReportParameter.Where(x => x.RepPmRepFK == id).ToList();
    List < SelectListItem > liparameter = new List < SelectListItem > ();

    liparameter.Add(new SelectListItem {
        Text = "--Parameter wählen--", Value = "0"
    });
    if (parameter != null) {
        foreach(var p in parameter) {
            liparameter.Add(new SelectListItem {
                Text = p.RepPmName, Value = p.RepPmID.ToString()
            });

        }
    }
    return Json(new SelectList(liparameter, "Value", "Text", JsonRequestBehavior.AllowGet));
}

视图中我的jquery javascript

<script type = "text/javascript" >
  $(document).ready(function() {

      $("#reports").change(function() {
          $("#parameters").empty();
          $.ajax({
              type: 'POST',
              url: '@Url.Action("getparameter")',
              dataType: 'json',
              data: {
                  id: $("#reports").val()
              },
              success: function(parameters) {

                  $.each(parameters, function(i, parameter) {
                      $("#parameters").append('<option value="' +
                          parameter.Value + '">' +
                          parameter.Text + '</option>');
                  });
              },
              error: function(ex) {
                  alert('Failed.' + ex);
              }
          });
          return false;
      })
  });
</script>

0 个答案:

没有答案