您需要使用事件委托

$('ul.htmlClass').on('change',".field", function() { 
      alert("test1");
});

• http://learn.jquery.com/events/event-delegation/

使用委托事件处理程序

$('ul.htmlClass').on('change','.field', function() {
  alert("test1"); 
});

有关详细信息，请参阅直接和委托事件。

您的代码中的另一个问题是您将您的select直接添加到ul元素中。这是不正确的。

我看到两个选项

select1）用li标签包装

var MyDropDownMenu= "<li>";
myDropDownMenu += '<select class="field">';
MyDropDownMenu += '<option value="1">Option 1</option>';
MyDropDownMenu += '<option value="2">Option 2</option>';
MyDropDownMenu += '</select>';
MyDropDownMenu += '</li>';

2）如果您不需要列表，请将您ul的转换为div