Question

我使用Ajax getJSON函数从php文件中获取乘客的id。来自php的乘客数量定义的图标数量以及图标（与外观相同）必须显示在html页面中。图标必须是可调用的，因为我使用的是bootstap popover，当用户找到某个图标时，必须在弹出窗口中显示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）的参数，我从select选项标签调用此函数。从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>

感谢。

如何使用CSS类动态创建图标？

0 个答案: