带有动态选项的jQuery AutoCompleteTextBox

时间:2016-06-10 15:49:45

标签: jquery autocompletebox

我的ASP.Net页面中有2个AutoCompleteTextBox。我需要第二个文本框从第一个框中获取值并将其指定为拉出列表的选项之一。仅限客户端。

$("#txtBox1").AutoCompleteTextBox({ type: "val1", minLength: "3", userid: '1234' });

$("#txtBox2").AutoCompleteTextBox({ type: "val2", minLength: "3", userid: '1234', 
        cc: $('#txtBox1').on('autocompletechange change', function () {
        //alert(this.value);
        return this.value;
    }) 
});

因此,cc需要获取在txtBox1中选择的值并弹出从sql proc返回的值列表。我在函数后尝试了text()和val()。警报有效并具有价值。但最终的结果是''被送到AJAX。我甚至尝试将一个敲除变量附加到标签上并尝试

<%=lblTxtBox1.Text%>

但它没有用。我需要的只是用于AJAX调用的选项看起来像

cc: 'abcd'

感谢任何帮助。非常感谢。

1 个答案:

答案 0 :(得分:0)

解决!

我需要一个keyup事件。我还在搜索字段上索引表,因为响应非常慢。

var cc = '';

$('#txtBox1').on('focusout', function() {
  cc = this.value.toString();
});

var cc = this.value; // this will also work

$("#txtBox2").on('keyup', function() {
    $("#txtBox2").AutoCompleteTextBox({ type: "type2", minLength: "3", userid: '1234', ccode: '' + cc + '' });        
});