填充表单的jQuery函数将无法正常工作

时间:2013-10-21 11:47:46

标签: jquery arrays forms

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

这是我的代码

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>

2 个答案:

答案 0 :(得分:0)

试试这个,

$(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
}

});

答案 1 :(得分:0)

你可以这样做:

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);
}