我如何使JavaScript在ASP.NET控件上工作？

Question

<script type="text/javascript">
    $(document).ready(function () {
        $('input[name="time"]').ptTimeSelect();
    });
</script>

上面的脚本正在为此工作：

<input name="time" value="" /></td>

但是不做这个...

<asp:TextBox ID="time" name='time' runat="server"></asp:TextBox>

Answer 1

我对ASP.NET的记忆是，它会修改元素的ID和名称以确保其始终唯一。 <asp:TextBox>的最终结果可能类似于：

<input name="ctr_0102_time" />

最好的选择是在实时页面上检查元素的来源，以确定其具有哪些属性。 如果确实具有随机标识符，则您可能应该基于特定的类：

<input class="time" />
<asp:TextBox CssClass="time"></asp:TextBox>

$('input.time') ...

可能导致此中断的另一件事是回发。 ASP.NET中的回发不重新准备文档，它们只是重新加载页面。 代替使用$(document).ready()使用：

function pageLoad() { ... }

Answer 2

请使用以下代码

<script type="text/javascript">
$(document).ready(function () {
var id='<%=time.clientid%>'
    $('#'+id).ptTimeSelect();
});
 </script>

让我知道这是否行不通。

Answer 3

尝试这个：

<script type="text/javascript">
    $(document).ready(function () {
        $('[id$=time]').ptTimeSelect();
    });
</script>