javascript - 查找包含 AutoCompleteExtender 的 UpdatePanel 的 ID

Question

我正在使用 Ajax 自动完成来查找学生姓名并返回学生 ID。我的更新面板如下所示:

<asp:UpdatePanel ID="StudentSearchUpdatePanel" runat="server">
    <ContentTemplate>
        <dl>
            <dt>Enter student ID:</dt>
            <dd>
                <asp:TextBox ID="StudentIDTextBox" runat="server" Wrap="False" MaxLength="6"></asp:TextBox>
                <asp:Button ID="SelectStudentIDButton" runat="server" Text="Select" OnClick="SelectStudentIDButton_Click"  />
                <asp:Label ID="StudentIDEntryError" runat="server" Visible="false" Font-Bold="True" ForeColor="Red" Text="Please enter a 6-digit student ID number."></asp:Label>
            </dd>
            <dt>Or, begin typing student last name:</dt>
            <dd><asp:TextBox ID="StudentNameSearchTextBox" runat="server"></asp:TextBox></dd>
        </dl>


        <ajaxToolkit:AutoCompleteExtender ID="StudentNameSearchTextBox_AutoCompleteExtender" runat="server"
            TargetControlID="StudentNameSearchTextBox" 
            ServiceMethod="GetStudents"
            OnClientPopulated="getStudents_Populated_Json"
            OnClientItemSelected="selected_Student" 
            MinimumPrefixLength="2" 
            CompletionSetCount="20" 
            UseContextKey="True" >
        </ajaxToolkit:AutoCompleteExtender>
    </ContentTemplate>
</asp:UpdatePanel>

GetStudents_Populated_Json 看起来像这样:

    function getStudents_Populated_Json(sender, e) {
        var students = sender.get_completionList().childNodes;
        for (var i = 0; i < students.length; i++) {
        var student = eval('(' + students[i]._value + ')');
         students[i].innerHTML = student.LastName + ' ' + student.FirstName;
      }

最后，selected_student:

 function selected_Student(sender, e) {    
      var selectedStudent = eval("(" + e._value + ")");  
 }

在 selected_student 中，我想找到 UpdatePanel (StudentSearchUpdatePanel) 的 ID，这样我就可以依次找到“StudentIDTextBox”并将 selectedStudent.ID 放在 StudentIDTextBox.innerHTML 中。 如何识别 StudentIDTextBox 并从 selected_Student 设置它的innerHTML？

(学生类(class)是 ID、FirstName、LastName。我已验证 selectedStudent.ID 提供了准确的 ID)。

谢谢

Answer 1

一个更简单的解决方案是在第一个位置轻松找到所需文本框的 ID。

实现此目的的一种方法是在 asp:TextBox 上使用 ClientIDMode="Static"。这将强制控件在客户端上具有与控件的服务器名称相同的 id 属性。这样，要在客户端(使用 JS)找到此控件，您只需:

var myTextbox = document.getElementById('StudentNameSearchTextBox');
myTextbox.value = student.LastName + ' ' + student.FirstName;

希望有帮助。