如何使用For循環創建不同的ID名稱。

-1

window.onload = function() 
{ 
new JsDatePick({ 
useMode:2, 
target:"inputField1", //HERE I WOULD LIKE TO PASS DIFFERENT ID ex. "inputField1"+ "i" 
dateFormat:"%Y-%M-%d", 
yearsRange:[1978,2120], 
limitToToday:false, 
cellColorScheme:"beige", 
imgPath:"main/img/", 
weekStartDay:1 
}); 
};

在靶替換inputField1的我想有inputField1，inputField2，inputField3等。如何使用For循環創建不同的ID名稱。

來源

2012-10-30 user1778175

爲什麼PHP標記這裏的答案嗎？ –

因爲這個問題是從他以前的一個附帶損害：http://stackoverflow.com/questions/13145121/how-can-i-use-input-box-id-from-php-to-javascript – bbb

你想要通過PHP'for'循環生成具有不同目標的多個JavaScript函數？ – Buksy

window.onload = function() 
{ 
var i = <?=$totalNumberOfInputs;?> 

for(j=1;j<=i;j++) { 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField" + j, //HERE I WOULD LIKE TO PASS DIFFERENT ID ex. "inputField1" + j 
     dateFormat:"%Y-%M-%d", 
     yearsRange:[1978,2120], 
     limitToToday:false, 
     cellColorScheme:"beige", 
     imgPath:"main/img/", 
     weekStartDay:1 
    }); 
}

}

這是我的另一個問題由於

來源

2012-10-30 20:39:23 user1778175

for(i=0;i<5;i++) { 
    temp = "inputField"+i; 
    window.onload = function() { 
     new JsDatePick({ 
      useMode: 2, 
      target: temp, 
      dateFormat: "%Y-%M-%d", 
      yearsRange: [1978,2120], 
      limitToToday: false, 
      cellColorScheme: "beige", 
      imgPath: "main/img/", 
      weekStartDay: 1 
     }); 
    }; 
}

來源

2012-10-30 18:51:35 Robi

這是工作，但只有第4號輸入框 – user1778175

日曆纔出現在No4輸入框中。爲什麼。？ – user1778175

因爲這個答案是錯誤的 - window.onload只能分配一個函數，所以它將成爲for循環中的最後一個。 –

使用類像類=「inputfield」輸入字段，並使用循環來創建的HTML然後在JavaScript中。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script src="jquery_urdu_editor/jquery.js" type="application/javascript"></script> 
<link rel="stylesheet" type="text/css" media="all" href="jsdatepick-calendar/jsDatePick_ltr.min.css" /> 
<script type="text/javascript" src="jsdatepick-calendar/jsDatePick.min.1.3.js"></script> 
<script type="application/javascript"> 
window.onload = function() 
    { 
     $('.inputfield').each(function() { 
     var thisId = $(this).attr('id'); 
      //document.write(thisId.'<br />'); 
     new JsDatePick({ 
      useMode:2, 
      target:thisId, // putting the id of this element.      
      dateFormat:"%Y-%M-%d", 
      yearsRange:[1978,2120], 
      limitToToday:false, 
      cellColorScheme:"beige", 
      imgPath:"main/img/", 
      weekStartDay:1 
     }); 
    }); 
    }; 
</script> 
</head> 

<body> 
<?php 
    for($i=1;$i<=6;$i++){ 
     echo '<input type="text" name="textfield'.$i.'" class="inputfield" id="textfield'.$i.'" value="" ><br />'; 

    } 
?> 
</body> 
</html>

在JavaScript代碼中，我們獲取了元素的id與其類，然後將該ID放入Calender代碼中。所以它被應用於任何數量的具有該類的輸入字段。希望它可以幫助你。

來源

2012-10-30 18:54:32

我不明白。 – user1778175

評論已編輯。 –

如何使用For循環創建不同的ID名稱。

回答

相關問題