如何使用多個ID在HTML中，而在此同時，使用javascript

-3

<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，如果我用了兩個IDS調用一些其他的JavaScript爲同一文本框的沒有正常工作任何人都可以幫助我解決這個問題如何使用多個ID在HTML中，而在此同時，使用javascript

來源

2012-02-23 Thamilkalai

請勿使用內嵌JavaScript。告訴你的自我優雅退化和不顯眼的JavaScript。 – knittl 2012-02-23 10:48:57

哪個'id'？你的代碼沒有/引用任何'id'。 – hakre 2012-02-23 10:49:28

我認爲你在你的ID中有一個錯字...你有$（'＃date-pick'）。datePicker（{clickInput：true}）;'但是在表單中你有''... ** data-pick **而不是'date-pick'。 – dgw 2012-02-23 12:17:42

如果你想在不同的關鍵字使用不同的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();

有一點要指出out tho'是類沒有唯一性要求，因此你可以有多個元素相同的類和上面的代碼會將datePicker或someOtherThing功能應用於所有這些功能。

來源

2012-02-27 07:59:59

如何使用多個ID在HTML中，而在此同時，使用javascript

回答

相關問題