Question

这是我的HTML：

onAnimationEnd()

所需行为：只有当州和城市都选择了非Z值时，才会对django后端进行jquery调用以找到构建的可能选择选项。有多个（未知数量）州，城市，建筑物选择集。

这是我在伪代码中考虑的内容。我遇到的一个难点是.state或.city有变化，你如何找到相应的.city或.state的值。

<div>
  <select name="State" class="state">
    <option value="Z">Select a state</option>
  </select>
  <select name="City" class="city">
    <option value="Z">Select a city</option>
  </select>
  <select name="Building" class="to" disabled="true">
    <option value="Z">Select a Building</option>
  </select>
</div>
<div>
  <select name="State" class="state">
    <option value="Z">Select a state</option>
  </select>
  <select name="City" class="city">
    <option value="Z">Select a city</option>
  </select>
  <select name="Building" class="to" disabled="true">
    <option value="Z">Select a Building</option>
  </select>
</div>

Answer 1

$('form').on('change', '.city, .state', function(e){
    //find the parent div that encapsulates the contextual elements
    var $contextualDiv = $(e.target).closest('div');
    //find the elements within that div only
    var $city = $contextualDiv.find('.city');
    var $state = $contextualDiv.find('.state');
    var $building = $contextualDiv.find('.to');

    if ($city.val() !== 'Z' && $state.val() !== 'Z') {
        //do stuff
    }
});

仅在进行了其他两个选择时启用选择元素

1 个答案: