asp.net - 根据 Textbox1 自动完成选择填充 textbox2？

Question

如何使用 ajax 根据自动完成 textbox1 选择的值填充 textbox2？如果我在自动完成文本框中使用了文本更改事件，它会在滚动列表时触发吗？我需要以某种方式捕获所选项目？

 <script language="javascript" type="text/javascript">
  function getSelected() {
      alert($get("<%=TextBox1.ClientID %>").value);
  }
</script>



   <td class="style7" colspan="3">
        <asp:TextBox ID="TextBox2" runat="server" Height="97px" 
            Width="679px"></asp:TextBox>
    </td>

Answer 1

AutoCompleteExtender因此，当用户单击下拉列表中的项目时，似乎没有引发服务器端事件，但是有一个可用的客户端事件，称为OnClientItemSelected. 然后可以将此OnClientItemSelected属性绑定到一个 JavaScript 函数，然后该函数可以回调到服务器端。

<asp:TextBox ID="TextBox1" runat="server" Height="24px" Width="486px"></asp:TextBox>
<asp:AutoCompleteExtender ID="AutoCompleteExtender" runat="server" 
    DelimiterCharacters="" Enabled="True" ServicePath="AutoComplete.asmx" TargetControlID="TextBox1" 
    MinimumPrefixLength="2" UseContextKey="true" ContextKey="StateDropDown" 
    CompletionListElementID="autocompleteDropDownPanel" OnClientItemSelected="PostBackAutoCompleteChoice()">
</asp:AutoCompleteExtender>

<script type="text/javascript">
    function PostBackAutoCompleteChoice() {
        __doPostBack('<%= TextBox1.ClientID %>', '');
    };
</script>