当前位置: 首页 > 面试题库 >

在ASP.NET MVC 4中选择自动完成文本字段值时,如何进行另一个Ajax调用?

章鸿光
2023-03-14
问题内容

我有一个自动完成的文本字段,使用JSON像这样:

          $(function () {
              var src = '@Url.Action("GetParts", "Parts")'
              $("#autoCompleteBox").autocomplete({
                  source: function (request, response) {
                      $.ajax({
                          url: src,
                          async: true,
                          dataType: "json",
                          data: {
                              partNumber: $("#autoCompleteBox").val()
                          },
                          success: function (data) {
                              response(data[0]);
                          }
                      });
                  }
              });
          });

我想做的是,当用户从建议的列表中选择该项目时,再进行一次ajax调用,以获取有关该项目的特定信息并填充页面上的其他文本框。

最好的方法是什么?


问题答案:

您可以select在自动完成时执行此操作。

$(function () {
    var src = '@Url.Action("GetParts", "Parts")'
    $("#autoCompleteBox").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: src,
                async: true,
                dataType: "json",
                data: {
                    partNumber: $("#autoCompleteBox").val()
                },
                success: function (data) {
                    response(data[0]);
                }
            });
        },
        select: function (event, ui) {
           var item= ui.item.label;
           //Now make the ajax call here
           $.post("SomeValidUrl", new { id : item } ,function(res){
               // do something with res
           });
        }
    });
});


 类似资料:
  • 这是我的主页,在那里我选择了一个选项字段。 opt1.php: 这是我的javascript,在这里我从上面的select获得值,并传递给opt2.php 这是我的opt2.php页面,用于显示sub select。 实际上,这并没有产生预期的结果。 有没有逻辑上或处理上的错误?

  • 问题内容: 我是新来的。我需要编写自定义的yii auto complete。我知道CJuiAutocomplete存在,但是我需要实现自己的自定义自动完成功能。任何人都可以指导我或帮助我开发自定义自动填充文本字段。在文本字段中显示名称时获取ID。 提前致谢 问题答案: 这是站点控制器中的操作… 这是您认为的搜索表单:

  • 我有一个带有自动完成选择框的表单,其初始表示为空: 然后,当我单击时,一个ajax请求加载并填充选项的第一页(此时我不需要键入任何内容)。 然后,我可以选择一个选项并使用ajax提交表单。实体保存成功,我显示一条闪光消息“Item has successfully created”(项目已成功创建) 我需要使用functional test(Codeception)测试前面解释的行为 结果: [I

  • 我使用的是advanced element form multi-select。当我使用multi-select插入表单的一个字段时,它可以完美地插入。 但是当我使用相同的表单更新多选择字段时,此时在选择输入标签中不会选择以前的插入值。它是在下拉列表中选择的,我也不能改变选择的字段。 我遵循这个选择2文件 笔记 ajax响应工作正常 cdn、css和javascript正确集成 我试过这些代码 J

  • 问题内容: 我使用四个文本字段输入OTP,一次只能输入一个数字。输入数字后,我需要将光标自动移动到下一个文本字段。 问题答案: 设置textField委托并添加目标: 现在,当文本更改时,更改textField 最后,当用户开始编辑清除textField时

  • 问题内容: 从文本框中,我尝试了多种方法来找出解决方案,但是失败了,因此请对该查询提供帮助 网站:-https: //www.goibibo.com/ 在该网站内,当我尝试从“ FROM”自动建议文本框中选择值时,我无法选择,因为我无法检查下拉列表,因为它是动态的,并且使用了一些JavaScript功能。所以请帮我 问题答案: 如果您需要XPath作为第一个自动建议选项,请尝试 您可以替换与获得第