如何解决如何使用jQuery进行更多控制?
| 我在页面上有一个文本框的时间选择器,我想在此页面中将它用于更多的文本框吗?<head>
<script type=\"text/javascript\">
$(document).ready(function () {
$(\'#example8\',\'#TextBox1\').timepicker({
ampm: true
});
});
</script>
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div>
<input type=\"text\" name=\"example8\" id=\"example8\" value=\"\" />
</div>
</form>
</body>
解决方法
你可以做这样的事情
<script type=\"text/javascript\">
$(document).ready(function () {
$(\'.needstimepicker\').timepicker({
ampm: true
});
});
</script>
<div>
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example8\" value=\"\" />
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example9\" value=\"\" />
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example10\" value=\"\" />
</div>
,您需要在单个字符串中使用,
选择器:
$(\"#this,#that\").whatever()
,try something like this
<head>
<script type=\"text/javascript\">
$(document).ready(function () {
$(\'.timepicker\',\'#form1\').timepicker({
ampm: true
});
});
</script>
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div>
<input type=\"text\" class=\"timepicker\" name=\"picker1\" id=\"picker1\" value=\"\" />
<input type=\"text\" class=\"timepicker\" name=\"picker2\" id=\"picker2\" value=\"\" />
<input type=\"text\" class=\"timepicker\" name=\"picker3\" id=\"picker3\" value=\"\" />
</div>
</form>
</body>
,尝试这个:
<script type=\"text/javascript\">
$(document).ready(function () {
$(\'.needstimepicker\').each(function(){
$(this).timepicker({
ampm: true
});
});
});
</script>
<div>
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example8\" value=\"\" />
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example9\" value=\"\" />
<input type=\"text\" class=\"needstimepicker\" name=\"example8\" id=\"example10\" value=\"\" />
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。