jQuery получить значение опциона в абсолютном

Question

Я получаю списки пользователей в базе данных с jquery ajaxt и создаю тег select, после размещения этого тега в теге html. I can not get option selectable value in absolute.

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

Вы должны пересвязать click() функцию после вставки <select> в DOM, для <select>, вам нужно вместо этого использовать событие change. Изменить это:

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

к этому:

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