Question

我在如何从 AJAX 加载的值中添加事件时遇到问题。

以下代码在预先加载选项值时效果正常，但是当它来自AJAX时，它无法点击某个功能。

以下是代码：

它位于结束head标记

之前

$("#forminput").change(function() {
  var pin = $("#forminput").val();
  alert(pin);
  for (var f = 0; f < layer_agao.features.length; f++) {
      if (layer_agao.features[f].attributes.clandpin == pin) {
          $("#mybutton").click(function() {
              featsel = layer_agao.features[f];
              alert(featsel);
              selectControl.clickFeature(featsel);
          });
          break;
      }
  }
});

这是我的AJAX代码，位于结束body标记之前：

$("#formsection").change(function() {
  $('#forminput').empty();
  $.ajax({
      url: "/sectionpins",
      dataType: "json",
      data: {
          'sectionid': $(this).val(),
          'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val()
      },
      success: function(data) {
          for (i = 0; i < data.length; i++) {
              $('#forminput').append("<option type=\"text\" value=" + data[i] + " >" + data[i] + "</option>");
          }
      },
      error: function() {
          alert('Error!!!!');
      }
  });
  return false;
});

这是HTML部分：

<select name="q" class="form-control" id="forminput" style="width: 200px">
    <option type="text">Select Section First</option>
    {% comment %} {% for pins in query_agao %}
    <option type="text" value="{{pins.clandpin}}">{{pins.clandpin}}</option>
    {% endfor %}{% endcomment %}
</select>

Openlayer：无法从加载AJAX的值中选择功能

0 个答案: