选择下拉值后重定向

Question

我正在github页面上创建一个网站，所以我想让用户在选择最终选项后被引导到固定页面。我从JSON文件中获取数据。我也试着在JSON文件中插入标签，但是当你点击编辑的选项时，它并没有被引导。页面在这里 vaidicbooks.cftest.html

Answer 1

你应该为城市添加onchange handler，比如----------。

$(document).on('change', '#state', function(){
  var state_id = $(this).val();
  if(state_id != '')
  {
    load_json_data('city', state_id);
  }
  else
  {
    $('#city').html('<option value="">Select city</option>');
  }
}); 

$(document).on('change', '#city', () => {
    var country = $("#country").val();
    var state = $("#state").val();
    var city = $("#city").val();
    window.location.href = `${country}/${state}/${city}.html`;
});

并删除HTML onchange处理程序，比如----------。

<select name="city" id="city" class="form-control input-lg">
  <option value="">Select city</option>
</select>