jQuery 带有动态选项的自动完成文本框

Question

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

$("#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'

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

Answer 1

已解决！

我需要一个按键事件。由于响应非常慢，我还在搜索字段中索引了 table。

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 + '' });        
});

jQuery 带有动态选项的自动完成文本框

jQuery AutoCompleteTextBox with dynamic options

jquery

autocompletebox