typeahead 不能在另一个函数中调用

阿卜杜勒哈基姆·卡西姆

每次我在任何函数中调用 typeahead 脚本函数时都会给出 typeahead not defined 错误 html 代码：

<select id ='options' name='options' class='form-fields' onchange="myFunction();">
                                          <option value='0' >Pick Type</option>
                                          <option value="1" selected >train</option>
                                          <option value="2">bus</option>
                                        </select>

这个javascript代码：

<script> 
   //typeahead changing according to selecting script 
function myFunction() { 
var option = document.getElementById("options").value;
if (option =='1'){
console.log(option);
$('input.typeahead').typeahead({
source:  function (query, process) {
return $.get('typeahead-train.php', { query: query }, function (data) {
        console.log(data);
        data = $.parseJSON(data);
        return process(data);
    });
   }
});


}else if(option =='2'){
console.log(option);
$('input.typeahead').typeahead({
source:  function (query, process) {
return $.get('typeahead-publiccairo.php', { query: query }, function (data) {
        console.log(data);
        data = $.parseJSON(data);
        return process(data);
    });
   }
});


}

}

我已经包括'typeahead.js'aleady，

阿卜杜勒哈基姆·卡西姆

我已经通过在 typeahead 函数中调用 onchange 函数来解决它，如下所示：-

  <script>
 function myFunction() { //return diffrent values with different select options
 var option = document.getElementById("options").value;
 if (option==1){
     typeahead ='typeahead-train.php';
   }
   else if (option ==2){
    typeahead ='typeahead-publiccairo.php';
   }
   window.typeahead=typeahead;
  return typeahead;
}
    $('input.typeahead').typeahead({
source:  function (query, process) {
return $.get(myFunction()/*onchange function called here*/, { query: query }, function (data) {
        console.log(data);
        data = $.parseJSON(data);
        return process(data);
    });
   }
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。