javascript - 如何使用 javascript 和 PHP 动态触发 onChange 事件

Question

我需要一个帮助。我正在从数据库中获取数据，我需要在获取数据时通过 onChange 事件调用一个 Javascript 函数。让我解释一下我的代码。

<?php
  $id=$_GET['ids'];
  if($id!=""){
    $getcustomerobj = $dbobj->getFeedbackData($db,$id);
   }
?>

  <div style="width:24%; float:left; padding:10px;">Answer Type : 
<select class="form-control" id="answer_type" name="answer_type" onChange="selectScale(this.value);">
<option value="">Select Answer Type</option>
 <?php
$ustatus=array("status"=>'1');
$feeddata=$db->kf_answertype->find($ustatus);
 foreach($feeddata as $v){
?>
<option value="<?php echo $v['_id']; ?>" <?php if($getcustomerobj->answer_type == $v['_id'] or $_REQUEST['answer_type'] == $v['_id']){ print 'selected'; } ?>><?php echo $v['answertype']; ?></option>                          
 <?php } ?>
</select>
</div>
 <div style="width:24%; float:left; padding:10px; display:none;" id="scaleid">Scale :
<select class="form-control" id="nscale" name="noofscale"> 
<option value="">Select No Of Scale</option>
<?php
$status=array("status"=>'1');
 $feeddata=$db->kf_scale->find($ustatus);
 foreach($feeddata as $v){
 ?>
<option value="<?php echo $v['_id']; ?>" <?php if($getcustomerobj->no_of_scale == $v['_id'] or $_REQUEST['no_of_scale'] == $v['_id']){ print 'selected'; } ?>><?php echo $v['noofscale']; ?></option>                           
     <?php } ?>
  </select>
 </div>

<script>
  function selectScale(id){
    console.log('select scale',id);
    var data=$.param({'op':'getscale','sid':id});
    $.ajax({
        method:'POST',
        url:"dbcon/DBConnection.php",
        data:data
    }).done(function(msg){
        //console.log('msg',msg);
        var dedata=JSON.parse(msg);
        //console.log('decode',dedata);
        if(dedata[0]['data']==1){
            document.getElementById("scaleid").style.display="block";
        }
        if(dedata[0]['data']==0){
            document.getElementById("scaleid").style.display="none";
        }
    });
}
</script>

在这里，当从数据库获取数据时，我需要将Answer Type下拉字段设置为某个值。第二个下拉列表(即Scale)是取决于第一个下拉列表，我需要调用使用 onChange 事件触发的 selectScale 函数。请帮助我。

Answer 1

我认为您可以在文档就绪时为第一个下拉菜单调用 onchange 事件，因此将选择第二个下拉菜单值。

  $(document).ready(function(){
    $("#answer_type").trigger("change");
    });

也许这对你有帮助。