使用jquery Ajax绑定文本框的onblur事件的下拉列表

时间:2014-01-23 05:51:34

标签: c# javascript jquery asp.net ajax

我有一个文本框,传递给sp时的值应该返回一个列表。我必须使用jQuery Ajax将此列表绑定到Dropdown。我写了sp但我的问题是如何根据textbox的onblur事件中的textbox值来绑定下拉列表。

请帮助。如果有的话,请原谅输入错误。

2 个答案:

答案 0 :(得分:2)

我在我的项目中做了类似的事。

$(" #target")。blur(function(){                   alert(" .blur()的处理程序调用。");

 $.ajax({
                        url: '../GetRolesAndPriviledgeServlet?filepath='+path+'&type='+type,
                        type: 'post',
                        success:function(response){
                            obj = JSON.parse(response);                          

                            $('#DropDownListAssigned').empty(); 

                            for (var i=0; i <obj.length ; i++)
                            {                                               

                                    var oSelField = document.getElementById("DropDownListAssigned");
                                    var oOption = document.createElement("OPTION");
                                    oOption.text = obj[i+1];
                                    oOption.value = obj[i+1];                   
                                    oSelField.options.add(oOption);                                     
                            }
                        },                      
                        error:function(){
                        }
                    }); 

    });

答案 1 :(得分:1)

试试这个

   $(document).ready(function () {
      $('#txtboxid').focusout(function () {
          var yourvalue = $('#textboxid').val();
          $.post("/your/url", { Parametername : yourvalue }, function (result) {
              $.each(result, function (key, value) {
                   $('#dropdownid').append($("<option></option>").html(value).val(value)); 
                   // Dropdown Binding
              });
          }, "json");
      });
   });

注意:参数必须与控制器相同,例如public void data(string nval)表示您的参数名称也是nval