javascript - 自动填充选择框

标签 javascript jquery html-select

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

我做了一些搜索并找到了 this question并遵循所选答案的建议。

我最初设置了一个 jsFiddle 来说明我的问题:http://jsfiddle.net/GJdBR/

在收到关于以下答案的一些建议后,我创建了一个新的 jsfiddle 并且它起作用了。 http://jsfiddle.net/2UbqP/

但是,在我的计算机上,我使用的是全新安装的 Windows 7,到目前为止我所做的就是安装 chrome、apanta 和 xampp。我转到 localhost/website,网站出现了,但是 js 功能不起作用,选择框没有填充 var,即使我证明代码是正确的,因为上面的 jsfiddle。

我在这方面遇到错误:

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

错误如下:

Uncaught SyntaxError: Unexpected token ILLEGAL

最佳答案

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

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语法错误

    $.each(translationOptions (value)) {

应该是

$.each(translationOptions ,function(i,value) {
  • 您没有调用函数 populateTranslationOptions; 没有调用函数 populateTranslationOptions(); 会。

Working Fiddle

关于javascript - 自动填充选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10872714/

相关文章:

html - 如何删除 bootstrap 4 中的输入组 <select> 箭头?

javascript - 如何将分页添加到 extjs 4 网格?

javascript - 为什么在表达式前使用 '!!' ?

javascript - 在JS中调用twig模板

css - 下拉菜单中呈现蓝色边框选择 [chrome]

html - 如何在 Golang 中设置 HTML <select> 元素的默认值?

javascript - 查找对象数组中所有对象的所有数值的总和

javascript - 如何监听url的变化(Fragment identifier - the anchor part of a URL)

javascript - jQuery 仅替换新的选择框,而不替换之前的选择框

jquery - 如何使用 jQuery 通过单击表格单元格中的文本来获取 event.target.id?