【问题标题】:How to get the textbox control inside gridview using jquery如何使用jquery在gridview中获取文本框控件
【发布时间】:2015-10-22 20:40:55
【问题描述】:

我尝试了以下代码

    $(document).ready(function () {

        alert("test");
        var $arrT = $('#<%=gvView.ClientID %>').find('input:text[id$="txtRow"]');
        alert($arrT.length);

        var $txt = $arrT[0];
        alert($txt);

    });

</script>

长度始终为 0 且 $txt 未定义。我是 jquery 的新手。请帮忙。我究竟做错了什么。这是我的网格视图

       <Columns>
           <asp:TemplateField HeaderText="LineNo">
          <ItemTemplate>   
           <asp:Label ID="lblLineno" runat="server"></asp:Label>
         </ItemTemplate> 
 </asp:TemplateField>
  <asp:TemplateField HeaderText="IsEmployee">
     <ItemTemplate>
       <asp:CheckBox ID="chckIsEmp" runat="server" /> </ItemTemplate>  </asp:TemplateField>
     <asp:TemplateField HeaderText="EmpNo">  
    <ItemTemplate>
       <asp:TextBox ID="txtcostcenter" runat="server" ></asp:TextBox>
        </ItemTemplate>
 </asp:TemplateField> 
</Columns> 
  </asp:GridView>

【问题讨论】:

  • &lt;%=gvView.ClientID %&gt; 不会被插入到您的选择器调用中。除了jquery/javascript,你用的是什么语言?
  • @ScottBonAmi 似乎在使用asp.net
  • 如果您标记有问题并提及您正在使用的版本,您更有可能从asp.net 专家那里得到答案...

标签: jquery asp.net jquery-ui


【解决方案1】:

以下是可能的问题。

  1. 在您的 asp.net gridview 控件中,通过以下实现,您将定位以 id = 'txtRow' 结尾的输入控件。检查并确保呈现的输入控件的 id 以“txtRow”结尾。否则,您的警报语句将返回 0。

    var $arrT = $('#').find('input:text[id$="txtRow"]'); 警报($arrT.length);

  2. 如果上述原因失败,则不会有元素被选中,所以下面的语句会返回'undefined'

    var $txt = $arrT[0];

  3. 如果上述两个原因都通过了,并且您想获取所选元素的值,您可以这样做:

    警报($($arrT).val());

这里有一个例子可以帮助你清楚地理解这些事情。 (由于没有 asp.net 引擎我无法运行 asp.net webform 代码,因此示例中的引用与 html 上下文有关)。

【讨论】:

  • 呈现的控制是我试图变量$项= $("#grdViewOpenNewCC").find("input:text[id$='center']");并且警报显示一个对象但是当我添加警报时 alert($($item).val());它仍然抛出未定义。
【解决方案2】:

只是改变

('input:text[id$="txtRow"]'   `TO`   ('input:text[id$="txtcostcenter"]')

$(document).ready(function () {

        var $arrT = $('#<%=gvView.ClientID %>').find('input:text[id$="txtcostcenter"]');
        alert($arrT.length);

    });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-08
    • 2014-11-09
    • 1970-01-01
    • 2014-04-25
    • 1970-01-01
    相关资源
    最近更新 更多