jquery - 填写表格的jQuery函数不起作用

Question

我编写了一个函数来填充表单标签。该脚本创建选项，但它不会用我的数组条目填充选项标签。我希望你能帮助我。

这是我的代码

window.onload = function() {
    var VideoListe = $("VideoListe");
    for (i=0;i<Videos.length;i++) {
        var Entry = $("select").append('<option>');
       //Entry.text= Videos[i][1];
       $('<option>').append(Videos[i][0]);

        VideoListe.add(Entry ,null);
    }
}

编辑：这是该问题的 HTML 代码：

 <div class="wr_chapters">
    <form>
    <select id="VideoListe">
    </select>
    <button onclick="nextClip()">Zum nächsten Video</button>
  </form>

  </div>

Answer 1

尝试这个，

$(document).ready(function(){

var VideoListe = $("#VideoListe"); //or class not sure abt that
if(VideoListe .length > 0) {
var chunks = '<select>';
   for (i=0;i<Videos.length;i++)
   {
    chunks +='<option>'+Videos[i][0]+'</option>';

   }
chunks +='</select>';
  //now chunks will be a select element
}

});

Answer 2

你可以这样做：

window.onload = function () {

    // Get the VideoListe element first with proper ID or class
    var VideoListe = $("#VideoListe");

    // Cache the select element here
    var Entry = $("select");
    for (i = 0; i < Videos.length; i++) {

        // Create a dynamic option with array data
        var $option = $('<option/>', {
            text: Videos[i][0],
            value: Videos[i][0]
        });

        // Append the option to the select list
        Entry.append($option);
    }

    VideoListe.add(Entry, null);
}