如何绑定json数据

时间:2016-11-18 09:04:02

标签: php jquery json

我从服务器的json响应看起来像

{  
  "117":{  
     "09:00":5,
     "10:00":5,
     "11:00":5,
     "12:00":5,
     "13:00":5,
     "14:00":5,
     "15:00":5,
     "16:00":5,
     "17:00":5,
     "18:00":5,
     "19:00":5
  }
}

我如何将其绑定到普通选择看起来像

<select name="time" id="time">
   <option value="5">09:00</option>
   <option value="5">10:00</option>
  <option value="5">11:00</option>
</select>

小时数并不总是相同,可能是从11:00到21:00。 任何想法如何在PHP中显示或通过jquery绑定。 感谢您的回复

1 个答案:

答案 0 :(得分:0)

使用循环:

var objString = '{"117": {"09:00": 5,"10:00": 5,"11:00": 5,"12:00": 5,"13:00": 5,"14:00": 5,"15:00": 5,"16:00": 5,"17:00": 5,"18:00": 5,"19:00": 5}}';
var obj = JSON.parse(objString);
$.each(obj["117"], function(i, v) {
  $('#time').append('<option value="' + v + '">' + i + '</option>');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="time"></select>