如何使用JavaScript获取或分配值给gridview中的隐藏字段？

Question

<ItemTemplate>
   <asp:TextBox ID="txtReviewM" OnChange="javascript:HandlerCodeTextChange(this); 
         Text='<%# Bind("ch_slcode") %>' runat="server" Width="100%" Columns="50" 
         AutoPostBack="true"> </asp:TextBox>
   <asp:HiddenField ID="hidempCode" runat="server" />
   <asp:HiddenField ID="hidempName" runat="server" />
   <ajaxtoolkit:autocompleteextender id="aceHandler2" runat="server" 
        targetcontrolid="txtReviewM"   usecontextkey="true" completionsetcount="10" 
        completioninterval="500" enablecaching="false"  minimumprefixlength="1" 
        servicemethod="GetEmployee" firstrowselected="true" 
        completionlistcssclass="AutoExtender"
        completionlistitemcssclass="AutoExtenderList" 
        completionlisthighlighteditemcssclass="AutoExtenderHighlight">
   </ajaxtoolkit:autocompleteextender>
</ItemTemplate>

这是我的Javascript函数

function HandlerCodeTextChange(txtBox) {
   if (txtBox.value.indexOf(':') == "-1") {
      txtBox.value = "";
      txtBox.focus();
      document.getElementById('<%=hidempCode.ClientID%>').value = "";
      document.getElementById('<%=hidempName.ClientID%>').value = "";
   }
   else {
      var code = txtBox.value.split(':');
      document.getElementById('<%=hidempCode.ClientID%>').value = code[0];
      document.getElementById('<%=hidempName.ClientID%>').value = code[1];
   }
}

隐藏的字段无法在javascript中找到，我该如何实现？

Answer 1

使用span标签的魔力，它具有令人梦vet以求的功能，即当ASP.Net呈现页面时，其id不会被破坏。用这样的span标签将隐藏的字段夹在中间

<ItemTemplate>
  <span id='SpanHid'>
   <asp:HiddenField ID="hidempCode" runat="server" />
  </span>   
</ItemTemplate>
  <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="GetHidden();" />

准系统JavaScript

 <script type="text/javascript">

        function GetHidden()
        {

         var elm = document.getElementById("SpanHid");
            if (elm!==null)
            {

              var hiddenfield = elm.children[0].id;
              //do stuff with it
              }

          }

    </script> 

如果您考虑使用Jquery，那么您会喜欢上这种衬板

 <script type="text/javascript">
   function GetHidden()
       {
        var hiddenfield=$('#SpanHid >input');
           //then do stuff with it
        }
       </script> 

如何调用GetHidden（）将取决于您的逻辑。