代码之家 › 专栏 › 技术社区 › Victor

jquery将控件ID传递到内部方法

ajax jquery

Victor · 技术社区 · 14 年前

我正在从下拉更改处理程序进行Ajax调用(ASP.NET 3.5),并尝试将下拉ID传递到Ajax调用:

$('select.facility').change(function()
{
      if ($(this).val() != 0)
      {
            var params = new Object();
            params.facilityId = $(this).val();

            $.ajax(
                {
                    type: "POST",
                    data: $.toJSON(params),
                    dataType: "json",
                    contentType: "application/json",
                    url: "SomeURL.asmx/SomeMethod",
                    success: function(response)
                    {
                        //this is where I need to get a hold of my dropdown,
                        // $(this) obviously doesn't work, using just to illustrate  
                        $(this).closest('table').next('table')
                        .find('input.address').val(response.d.Address);

                    }  

      }
});

有没有优雅的方法?

3 回复 | 直到 14 年前

Nick Craver 14 年前

你可以使用 this ,只需添加 context option of $.ajax() 所以 这 是有用的:

$('select.facility').change(function() {   
   if ($(this).val() == 0) return;
   var params = { facilityId = $(this).val() };
   $.ajax({
      context: this,                           //add this!
      type: "POST",
      data: $.toJSON(params),
      dataType: "json",
      contentType: "application/json",
      url: "SomeURL.asmx/SomeMethod",
      success: function(response) {
        $(this).closest('table').next('table')
               .find('input.address').val(response.d.Address);
      }  
   });
});

karim79 14 年前

...
var parentContext = $(this);
$.ajax(
{
    type: "POST",
    data: $.toJSON(params),
    dataType: "json",
    contentType: "application/json",
    url: "SomeURL.asmx/SomeMethod",
    success: function(response)
    {
        //this is where I need to get a hold of my dropdown,
        // $(this) obviously doesn't work, using just to illustrate  
        parentContext.closest('table').next('table')
        .find('input.address').val(response.d.Address);

    }  
    ...

Darin Dimitrov 14 年前

如果不坚持使用Ajax,只需设置 AutoPostback 属性,并在代码隐藏中处理更改的事件。

推荐文章

James Williams · 如何在单击按钮时刷新div内容

2 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

2 年前

Mehmet · javascript执行了多个

2 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

2 年前

Parker · 如何使表格行的单元格项加粗n秒?

2 年前

Chris J. · ajax获取查找数据属性值的请求

2 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

2 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

3 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

3 年前

Pedro F · Ajax调用后脚本运行不正常

3 年前