如何在使用 JavaScript 时在 HTML 中使用多个 ID


<html>
<head>
<script language="JavaScript" src="ts_picker.js">

</script>
<script src="demo/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="demo/js/jquery.datePicker-min.js" type="text/javascript"></script>
<!--[if IE]><script type="text/javascript" src="demo/js/jquery.bgiframe.min.js"></script><![endif]-->
<script type="text/javascript">
  $(window).ready(function(){
  $('#date-pick').datePicker({clickInput:true});
 $('#date-pick1').datePicker({clickInput:true});
 $('#date-pick2').datePicker({clickInput:true});
});
</script>
</head>
<body>
<form name="tstest">
<input type="Text" name="timestamp" value="" id="data-pick">
<a href="javascript:show_calendar('document.tstest.timestamp', document.tstest.timestamp.value);">
<img src="cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the timestamp">
</a>
</form>
</body>
</html>

Hai 在使用文本框时,它正确获取日期,但我想使用不同的 ID 为同一个文本框调用其他一些 JavaScript,如果我使用两个 ID,它无法正常工作,任何一个都可以帮助我解决这个问题

如果你想

使用不同的关键字在同一元素上设置不同的Javascript功能,我建议为元素分配不同的类,因为你可以有多个类,但每个元素只有一个id。

例如,代替:

<input id="date-pick" id="some-other-thing" />

这显然是错误的,并且错误的标记与:

<input class="date-pick some-other-thing" />

然后在你的Javascript中使用

$(".date-pick").datePicker();
$(".some-other-thing").someOtherThing();

需要指出的一件事是,类没有唯一性要求,因此您可以拥有多个具有相同类的元素,并且上面的代码将对所有元素应用datePickersomeOtherThing功能。

最新更新