【问题标题】:Get value in action method of controller from a dropdown list which was populated with AJAX从使用 AJAX 填充的下拉列表中获取控制器的操作方法中的值
【发布时间】:2015-03-17 10:39:55
【问题描述】:

我有一个填充了 Ajax 调用的下拉列表,现在我必须选择填充的值并将其存储在控制器操作方法中的数据库表中。我在堆栈溢出link1link2 上查看了这两个答案并尝试提供的解决方案,但它不起作用。

动作方法:

public ActionResult ClassCreated(Class c)
{
  c.Course.title = Request.[""];
  c.ClassName=Request["ClassName"];
  c.strength = Int16.Parse(Request["strength"]);
  c.rollNoPattern = Request["rollNoPattern"];
  db.Classes.Add(c);
  db.SaveChanges();
  return RedirectToAction("Index");
}

jquery:

<script>
  $(document).ready(function () {
    $('#b1').click(function () {
      var userName = "Hello"
      $.getJSON("/classes/getCourseList?username=" + userName, function (data1) {
      var myOptions =
      {
        val1: data1.title
      };
      var $mySelect = $('#s1');
      $.each(myOptions, function (val, text) {
        $mySelect.append($('<option />',
        {
          value: val,
          text: text
        }));
      });
    });
   });
  });
</script>

【问题讨论】:

  • 不工作是什么意思?
  • 您所展示的只是您如何填充下拉列表(与问题无关)。重要的是控件的名称,它是否与模型中的属性名称匹配
  • 你到底为什么要做c.ClassName=Request["ClassName"]; 等等。你的模型c 已经填充了这些值。

标签: javascript c# jquery ajax asp.net-mvc


【解决方案1】:
$("#b1").on("click", function () {

            var url = "/classes/getCourseList/";
            $.ajax({
                type: 'POST',
                url: url,
                dataType: "json",
                traditional: true,
                success: function (data) {

                    $("#dropdownId").empty();

                    $("#dropdownId").append($("<option>").val("").text("Please select Category"));
                    $.each(data, function () {
                        $("#dropdownId").append($("<option>").val(this.Value).text(this.Text));
                    });
                }
            });
            return false;
        });

【讨论】:

  • 我尽我所能,你可以使用看起来像这样我希望这有效。
  • 这和OP的问题有什么关系
猜你喜欢
  • 2013-01-10
  • 2021-12-24
  • 1970-01-01
  • 1970-01-01
  • 2017-12-18
  • 1970-01-01
  • 2013-05-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多