Как использовать несколько идентификаторов в HTML при использовании JavaScript - PullRequest
0 голосов
/ 23 февраля 2012
<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>

Привет, в то время как я использую текстовое поле, он получает дату правильно, но я хочу вызвать некоторый другой javascript для того же текстового поля, используя другой идентификатор, если я использовал два идентификатора, это не работает должным образом, любой может помочь мне решитьэта проблема

1 Ответ

0 голосов
/ 27 февраля 2012

Если вы хотите настроить разные функции Javascript для одного и того же элемента, используя разные ключевые слова, я бы предложил назначить элементу разные классы, поскольку у вас может быть несколько классов, но только один идентификатор на элемент.

, например, вместо:

<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 ко всем из них.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...