选择框选项不会填充 jQuery 中的 div 标签

Question

我从 Web 服务获取数据，该服务通过循环生成特定事件的日期。当我遍历所有内容时，循环工作正常，但下拉菜单中不会显示任何内容。

这是我的 JS：

function ListMyEventDates(oid,eventname){
    OID = oid;
    $('#eventname').html(eventname); 
    $.getJSON(URL+'func=ListMyEventDates&sid='+SESSIONID+'&oid='+OID, function(data) {
        var eventdate = data.Result.Data;
        var html = '';
        for(var i=0; i<eventdate.length; i++)
        {
            html = html + '<option id="eventdate" value="'+eventdate[i].meeton+'">'+eventdate[i].meeton+'</option>';
        }

        $('#eventdate').html(html);
        $('#eventdate').append(html);
    });
};

这是我的 HTML：

<div data-role="fieldcontain">
  <label for="eventdates">Date:</label>
     <select name="eventdates" data-native-menu="false">
        <div=id="eventdate"></div>
     </select>
</div>

非常感谢任何帮助。

Answer 1

你应该像这样附加你的选择框。

$("[name='eventdates']")
   .append($("<option></option>")
   .attr("value",eventdate[i].meeton)
   .text(eventdate[i].meeton));