Question

我有一个自动填充搜索字段，用于返回正在搜索的城市的纬度和经度。

出于某种原因，在“选择”建议结果时，有一个带有“ui-helper-hidden-accessible”类的span和“status”的角色，它从隐藏到可见，并显示所选值结果。

这很奇怪，因为即使我注释掉最后一行代码，告诉“select”事件用自动完成中的返回值填充另一个隐藏文本字段，这个“隐藏”范围仍然可以看到返回的自动完成值

发生了什么事？

这是我的Coffeescript供参考

    myGeocodeAutocomplete = ->   
  $('[type="text"][name*="[geocode_location]"]').autocomplete
    source: (request, response) ->
      $.ajax 
        url: "http://ws.geonames.org/searchJSON"
        dataType: "jsonp"
        data: 
          featureClass: "P"
          style: "full"
          maxRows: 12
          name_startsWith: request.term

        success: (data) ->
          response $.map(data.geonames, (item) ->
            label: item.name + ((if item.adminName1 then ", " + item.adminName1 else "")) + ", " + item.countryName
            value: item.lat + ", " + item.lng
          )
    minLength: 2

    open: ->
      $(this).removeClass("ui-corner-all").addClass "ui-corner-top"
    close: ->
      $(this).removeClass("ui-corner-top").addClass "ui-corner-all"
    focus: (event, ui) ->
      event.preventDefault()
      $(this).val ui.item.label      
    select: (event, ui) ->
      event.preventDefault()
      $(this).val ui.item.label
      $(this).siblings('[name*="[geocode_ll]"]').val ui.item.value

Answer 1

刚刚在这里找到答案：jquery ui autocomplete adding a span

我为再次提问而道歉，但这是一个难以置信的问题。

jQuery UI Autocomplete Widget返回使用ui-helper-hidden-accessible类填充span的值

1 个答案: