javascript - 当标签包含重复的“ID”属性时调用 JS 函数

Question

我想调用一个 JS 函数，这样当我单击文本框时我可以获取 jquery 日历，但它显示错误。我想知道如何将属性用于 txtExpiry 和 datapicker？还是有其他方法？

这是我的文本框的代码

<asp:TextBox ID="txtExpiray"  runat="server" ID="datepicker" ClientIDMode="Static"  Width="70px"></asp:TextBox>

这是我的功能

<script type='text/javascript'>
         $(function () {
             $('#datepicker').datepicker();
         });
    </script>

Answer 1

您不能使用重复的 ID 属性 - 甚至不能使用重复的属性（页面的 ID 属性应该是唯一的）。

你可以这样做：

<asp:TextBox ID="txtExpiray"  runat="server" ClientIDMode="Static"  Width="70px"></asp:TextBox>

<script type='text/javascript'>
         $(function () {
             $('#txtExpiray').datepicker();
         });
    </script>

Answer 2

您可以将日期选择器附加到您想要的所有 jQuery 选择器上...

例如 ：

<asp:TextBox ID="txtExpiray"  runat="server" js='datepicker' ClientIDMode="Static"  Width="70px"></asp:TextBox>

在 JS 中

<script type='text/javascript'>
     $(function () {
         $('[js="datepicker"]').datepicker();
     });
</script>

所以你可以使用类，或者你想要的任何属性。