傳球達陣數據

Question

1（的index.php）

<?php for($i=0;$i<2;$i++) { ?> 
<select id="name[<?php echo $i;?>]"> 
<option value="John">John</option> 
<option value="Alice">Alice</option> 
</select> 

<input type="text" id="name-id"> 

<input type="text" id="location"> 

<?php } ?> 
</table> 
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script src="js/function.js"></script> 

第2頁（function.js）

for (i=0;i<2;i++){ 
$('select#name['+i+']').on('change',function() 
{ alert(1); }); } 

代碼不工作後，我在數組中添加..有人請幫助我..

Answer 1

你必須逃離ID中[]，而做到這一點，你最好不要在ID介紹[]，該[]應在普遍使用name屬性一起使用。

HTML：

<select id="name_<?php echo $i;?>" name="name[]"> 

JS：

$('select#name_'+i).on('change',function() { //... 

或者你可以代替添加ID選擇的一類和使用類選擇。

Answer 2

你需要躲避[]在ID

for (var i = 0; i < 2; i++) { 
    $('#name\\[' + i + '\\]').on('change', function() { 
     alert(1); 
    }); 
} 

也因爲ID應該是在一個頁面獨特的，沒有必要的元素選擇select

---

但我會建議增加一個類來選擇，而不是使用ID

<select id="name[<?php echo $i;?>]" class="name"> 
    <option value="John">John</option> 
    <option value="Alice">Alice</option> 
</select> 

相似的選擇元素

然後

$('select.name').on('change', function() { 
    alert(1); 
}); 

---

Answer 3

你需要逃避[ AND ]與\\在前面。

$('#name\\[' + i + '\\]').on('change', function() { 
    alert(1); 
}); 

Answer 4

我認爲這是一個壞主意，使標識符看起來像一個數組。 也許你可以使用'數據'屬性？

我編輯你的代碼一點點：

HTML

<?php for($i=0;$i<2;$i++) { ?> 
<select id="name" data-index="[<?php echo $i;?>]"> 
    <option value="John">John</option> 
    <option value="Alice">Alice</option> 
</select> 

<input type="text" id="name-id"> 

<input type="text" id="location"> 

<?php } ?> 

JS

$('body').on('change',"select#name", function() { 
     alert($(this).data("index")); 
    });