2015-11-07 151 views
0

我遇到了一些挑戰,讓我自動完成框來填充。的JavaScript自動完成 - 不填充

我發送多個參數的來源。我現在嘗試...

$("#questionBox").autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "csvAPI.php", 
      dataType: "json", 
      data: { 
       term: request.term, 
       discipline: $("#disciplineNameSelect option:selected").text(), 
       questionType: $("#questionTypeSelect option:selected").text(), 
       surveyTitle: $("#surveyTitleSelect option:selected").text() 
      }, 
      success: function(data) { 
       response(data); 
      } 
     }); 
    }, 

你可以看到源地址確實與發送的參數工作...

http://tinyurl.com/ptl7e9g

如何得到這個工作有什麼建議?我嘗試了許多不同的變化。當我手動定義源選擇時,我可以使其工作。但我需要它是動態的,發送4個參數。

謝謝!

+1

檢查這個http://stackoverflow.com/questions/11435433/jquery-ui-autocomplete-與-JSON –

回答

0

謝謝你的建議,對方的回答。我能夠得到它的工作!映射標籤和值的工作。這是任何人都試圖讓jQuery的自動完成的工作非常重要。如果源數據是很樸實的,它不包括標籤和值,你需要它的JavaScript映射。這就是現在的作品...

$('#questionBox').autocomplete({ 
    source: function (request, response) { 
     var qbString = "csvAPI.php?term=" + request.term + "&call=questionBoxAutoComplete" + "&discipline=" + $("#disciplineNameSelect option:selected").text() + "&questionType=" + $("#questionTypeSelect option:selected").text() + "&surveyTitle=" + $("#surveyTitleSelect option:selected").text(); 
     $.getJSON(qbString, function (data) { 
      response($.map(data, function (value, key) { 
       return { 
        label: value, 
        value: key 
       }; 
      })); 
     }); 
    }, 
    minLength: 2, 
    delay: 100 
}); 

這是我的動力之源數據本質......

{"0":"What is your revenue breakdown?","3":"What is your net operating income?","4":"What is your revenue renewal rate?","5":"What is your fee per hour?"}