jQuery功能与.on一起从下拉列表中不起作用

我有一个下拉列表，可以调用ajax动态加载页面：

<script>
$("#dropdownchoice").change(function(e) {
   var $dropdown = $(this);

   $(".simple_form").remove();

  $.get('/dropchoice/option/' + $dropdown.val(), function(data) {
    $dropdown.after(data);
  });
});
</script>

它会将一组问题拉入页面。dropchoice/option/无需重新加载。但是，在问题页面上，我们想做一些jQuery的事情：表单验证，等等。其中之一就是简单地提取所有不是数字/字母的东西

<script type="text/javascript">
$(document).on('click',"#dropdownchoice",function(){ 
$(".form").keyup(function(event) {
   name = jQuery(".form").val();
   name = name.replace(/[^a-zA-Z 0-9]+/g, '');
  jQuery(".form").val(name);
});
});
</script>

---

但是，我已经尝试了很多不同版本的这个，仍然无法得到它加载后，最初的下拉。我已经完成了。关于/ajaxComplete/等。有什么想法吗？我确信我遗漏了一些非常简单的东西

点击！=更改，并且每次单击它时，您都在向.form元素添加另一个keyup处理程序，希望它被替换。那么您有什么建议？用户从下拉列表中做出选择，然后我动态拉入，但在该页面上必须是此脚本，所以我只能单击。因此，当他们选择一个值时，将触发更改。那么问题是什么？我迷路了。因此，您想知道为什么没有将keyup应用于新内容？为什么不在那里使用事件委派？问题是它无法加载脚本/脚本无法工作。不知道活动委托，现在看。