Question

在jquery函数中使用“for”循环的正确方法是什么？ TQ提前。

<script type="text/javascript">
$(document).ready(function() {
	for(var $i=1; $i<=10; $i++){
     $('#TTID[$i]').change(function() {
         if($(this).val() == "601" || $(this).val() == "9999")
         {
             $('#trainGroup[$i]').prop('disabled', true);
			 $('#trainID[$i]').prop('disabled', true);
         }
         else
         {
             $('#trainGroup[$i]').prop('disabled', false);
			  $('#trainID[$i]').prop('disabled', false);
         }
     }});
	
 });
</script>

这是TTID和trainGroup的HTML代码。当用户选择值“601”或“9990”时，trainGroup的下拉列表将被禁用。

<td>Action</td>
		<td><select name = "TTID<?php echo $i; ?>" id="TTID<?php echo $i; ?>" style="width:250px" onchange="otherAction(this.value)">
		<option value="O"></option>
    	<option value="600">Classroom Training</option>
  		<option value="601">Coaches and Mentoring by IM</option>
  		<option value="602">On Job Training</option>
		<option value="9999">Others</option>
		</select></td>
		
	
		<td>Types Training in ILSAS</td>
		<td><select name = "trainGroup<?php echo $i; ?>" id="trainGroup<?php echo $i; ?>" style="width:250px" onchange="otherIlsas(this.value)">
		<option value="O"></option>
    	<option value="700">Power Engineering & Energy Training</option>
  		<option value="701">Management Training</option>
  		<option value="702">IT & Corporate System Training</option>
		<option value="703">Business Operation Tools Certification</option>
		<option value="9999">Others</option>
		</select></td>

以下是trainID代码。我从数据库中检索了此下拉列表中的数据。

		<td>List of Training in ILSAS</td>
		<td><?php 
		
		$u="SELECT trainID, trainText FROM tbltraininglist order by traintext asc";
		$q=mysql_query($u);
		
		echo "<select name = 'trainID<?php echo $i; ?>' id='trainID<?php echo $i; ?>' style='width:250px' )'>";
		echo "<option value ='null'></option>";
		while ($m = mysql_fetch_array($q)) {
		
  		
  		?>
			<option value="<?php echo $m['trainID'];  ?>"><?php echo $m['trainText']; ?> </option>
			<?php
  		}	
		
		?>
		</select></td>

Answer 1

这是你的for循环，修复了所有问题

您的错误说明遵循代码

$(document).ready(function() {
    for (var $i = 1; $i <= 10; $i++) {
        (function(TTID, trainGroup, trainID) {
            $(TTID).change(function() {
                if ($(this).val() == "601" || $(this).val() == "9999") {
                    $(trainGroup).prop('disabled', true);
                    $(trainID).prop('disabled', true);
                } else {
                    $(trainGroup).prop('disabled', false);
                    $(trainID).prop('disabled', false);
                }
            });
        }('#TTID[' + $i + ']', '#trainGroup[' + $i + ']', '#trainID[' + $i + ']'));
    }
});

1）你有像$('#TTID[$i]')这样的东西 - 其中$ i是for循环中的var - 在javascript中不起作用，你需要$('#TTID[' + $i + ']') - 但是，

2）对于每个 .change函数，$ i将为11，因为一旦完成循环，它就是它的值，而.change只会在循环后被调用已完成，所以，我把.change内容包装在一个IIEF中，并修复了你的代码在一次性使用过的$ i问题

For循环使用jquery

1 个答案: