Три выберите с AJAX - PullRequest
Новая
       13

Три выберите с AJAX

0 голосов
/ 21 ноября 2018

Я использую meterializecss с jquery и ajax.Если выбирает изменить, то все в порядке.Но если изменить «id_employer», и «id_address» имеет одну опцию, «id_position» не загружается.И если изменить «id_employer», «id_address» загружается, но «id_position» не загружается.Если страница обновляется, все загружается нормально.Спасибо за помощь. 

<select id="id_employer">
  <option></option>
</select>

<select id="id_address">
  <option></option>
</select>

<select id="id_position">
  <option></option>
</select>

<script>
$('#id_address').formSelect();
$(function(){
  $("#id_employer").change(function(){
    $.ajax({
      url: "{% url 'work:load_addresess' %}",
      dataType: 'json',
      async: false,
      data: {employer: $(this).val()},
      success: function(j) {
        $('#id_address').empty();
        var select = $("#id_address")
        $.each(j, function(key, value) {
          $(select).append($("<option></option>").attr("value", key).text(value));
        });
        $('#id_address').formSelect();
      }
    });
  });
  $('#id_employer').trigger('change');

  $("#id_address").change(function(){
    $.ajax({
    url: "{% url 'work:load_positions' %}",
    dataType: 'json',
    async: false,
    data: {address: $(this).val()},
    success: function(j) {
      $('#id_position').empty();
      var select = $("#id_position")
      $.each(j, function(key, value) {
        $(select).append($("<option></option>").attr("value", key).text(value));
      });
      $('#id_position').formSelect();        }
    });
  });
  $('#id_address').trigger('change');
});
</script>
...