0

我正在使用 Ajax getJSON 函数从 php 文件中获取乘客的 id。由来自 php 的乘客数量定义的图标数量，以及图标（与外观相同）必须显示在 html 页面中。图标必须可以调用，因为我正在使用引导弹出窗口，当用户来到某个图标时，必须在弹出窗口中显示信息 abaot passsenger。在这里，我初始化组合框；

$(document).ready(function() {
      $.getJSON("Stations.php", function(jsonData){  
      $.each(jsonData, function(key,value) {
      $('#selectStation')
     .append($("<option></option>")
     .attr("value",key)
     .text(value.name)); 

  });
});
});

这是我尝试的js代码，它是从html中的select选项调用来选择站的：

function sta_callStation(sel){
  $('#sta_numberOfIcons').empty();
    $.getJSON('Stations.php', function(station){
      $.each(station, function(sta_key, sta_value) {

        if(sel.value==sta_key){
          $.each(sta_value.passengers, function(j,passengers) 
        {
          $('#sta_numberOfIcons').append('<i class="icon-user "></i>')
          });
        }
  });

  }
  );
  }

sel 是从 Stations.php 传递站 id（从 1 到 5）的参数，我从选择选项标签调用此函数。从 sta_value.passengers 仅为每个乘客图标返回数字（从 1 到 20，它们是随机产生的）。这里的图标具有相同的属性，但我希望它们根据乘客 ID 有所不同，因为之后我将调用它们以实现弹出功能。这里的html代码部分：

<select name="selectStation" id="selectStation" onchange="sta_callStation(this);">    
</select>

      <div id="noOfPassengers"><strong>İstasyondaki Yolcu Sayısı:</strong></div>

      <a href="#" id="sta_numberOfIcons" rel="popover" class="pas_icon"> </a>

谢谢。

4

0 回答 0