javascript - 相关下拉列表 state 、 city 和 pincode

Question

我有一个依赖下拉列表，即 State -> city -> Pincode 。

我使用 json 而不是从数据库获取。 下拉菜单在本地服务器上运行良好。 但在网络服务器上速度相对较慢。

部分代码，在这里 -

for (var i = 0; i < pincodes['address'].length; i++) {
  if (pincodes['address'][i]['regionname'] == city_key) {

    $('#pincode').append('<option>' + pincodes['address'][i]['pincode'] + '</option>');

  }

}

我可以采取哪些方法来使其加载速度更快。

Answer 1

我建议您将 option HTML 连接到单个字符串，以便您可以一次性插入所有内容。

43,439 reasons to use append() correctly

var optionInsert = '';
for (var i = 0; i < pincodes['address'].length; i++) {
  if (pincodes['address'][i]['regionname'] == city_key) {
    optionInsert += '<option>' + pincodes['address'][i]['pincode'] + '</option>';
  }

}
$('#pincode').append(optionInsert);