Javascript 自动填充选择框

我正在尝试使用Jquery和JavaScript自动填充一个选择框

我做了一些搜索，发现并遵循了所选答案的建议

我最初设置了一个JSFIDLE来说明我的问题：

在收到关于下面答案的一些建议后，我创建了一个新的JSFIDLE，它成功了

然而，在我的电脑上，我使用的是干净的Windows7安装，到目前为止，我所做的只是安装chrome、apanta和xampp。我转到localhost/website，站点出现了，但是js功能不起作用，选择框中没有填充var，尽管我证明了代码是正确的，因为上面有jsfiddle

我在这方面遇到了一个错误：

$(document).ready(function() {
    populateTranslationOptions();
});

错误内容如下：

Uncaught SyntaxError: Unexpected token ILLEGAL

这是错误的，因为正确的结构是$.eachmapData，callbackFunction，这里mapData表示对象或数组

下一个问题是：

 $(document).ready(function() {
   populateTranslationOptions;
 });​

应该是东北

$(document).ready(function() {
   populateTranslationOptions(); // you missed () here
 });​

请注意，populateTranslationOptions不调用函数，因此要调用函数，您需要使用populateTranslationOptions

一个重要的注意事项 函数后是指执行函数本身和 返回它的值。如果没有它，您只需拥有函数，它可以 作为回调传递是很有用的

相关参考文献：

---

您的代码中有几个问题。检查这个

function populateTranslationOptions ()
{
    var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];
    $.each(translationOptions ,function(i,value) {   
        $('#translationOptions')
            .append($("<option></option>")
            .attr("value",value)
            .text(value)); 
    });
}

$(document).ready(function() {
   populateTranslationOptions();
 });​

您没有调用函数populateTranslationOptions；不调用该函数 大众翻译选择；做

---

对于数组，$。每个都是不必要的。您可以使用一个简单的循环，而不是。详情如下—

function populateTranslationOptions()
{
    var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];
    for (var i = 0; i < translationOptions.length; i++) {
        $('#translationOptions')
            .append('<option value="' + translationOptions[i] + '">' + translationOptions[i] + '</option>');
    };
}

$(document).ready(function() {

   populateTranslationOptions();
 });​

---

位于的页面运行了来自的不安全内容。未捕获的语法错误：意外标记非法funtTranslator.js:14您的funtTranslator.js第14行中有什么？在JSFIDDLE中找到的javascript相同的代码在这里工作正常，你能将该页面的源代码复制到fun-translator.php中并检查它是否对你有效吗？如果我上传它，它就会有效，这就是为什么在问题中我想知道它是否与我的xammp安装有关

function populateTranslationOptions ()
{
    var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];
    $.each(translationOptions ,function(i,value) {   
        $('#translationOptions')
            .append($("<option></option>")
            .attr("value",value)
            .text(value)); 
    });
}

$(document).ready(function() {
   populateTranslationOptions();
 });​

$.each(translationOptions ,function(i,value) {

function populateTranslationOptions()
{
    var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];
    for (var i = 0; i < translationOptions.length; i++) {
        $('#translationOptions')
            .append('<option value="' + translationOptions[i] + '">' + translationOptions[i] + '</option>');
    };
}

$(document).ready(function() {

   populateTranslationOptions();
 });​