Question

<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>

在这个时候我正在使用文本框它正确地获取日期但是我想要使用不同的id调用其他javascript用于相同的文本框如果我使用了两个ID它不能正常工作任何人都可以帮我解决这个问题< / p>

Answer 1

如果你想使用不同的关键字在同一个元素上设置不同的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();

有一点需要指出的是，类没有唯一性要求，因此您可以拥有多个具有相同类的元素，并且上述代码将应用datePicker或someOtherThing功能对所有人来说。

如何在使用javascript时在html中使用多个id

1 个答案: