jquery - jQuery以绝对值获取选项值

Question

我用 jquery ajaxt 在数据库中获取用户列表并select用它创建标签，在将此标签放入 html 标签后，我无法在绝对值中获得选项可选值。

HTML：

<td>
   <span id='author_name'></span>
</td>

jQuery：

  $.post("model/controller.php", {postaction:'getUserList'}, 
        function(data){
            userList = data.userList;
            author_name = "<ul class='styledlist' ><select id='userList' style='height:26px;width:110px;margin-right:-8px;' >"
            $.each(userList,function( i , item ){
                author_name += "<option value='" + userList[i].id + "' >" + userList[i].username +"</option>";
            });
            author_name += "</select></ul>";
            $("#author_name").html(author_name);
        },'json');
  $('#submenu_1_1').click(function(){
            $("#tab_content").on('author_name', function(event){
                alert( $(this).val() );
            });                
  });

Answer 1

将 插入DOM后需要重新绑定click()函数，对于，您需要改用事件。改变这个：<select><select>change

$("#author_name").html(author_name);

对此：

$("#author_name").html(author_name)
$("#userList").on("change",function(){
   alert( $(this).val() );
});