jQuery功能与.on无法从下拉列表中运行

Question

我有一个下拉列表执行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>

但是，我已经尝试了很多这样的不同版本，并且仍然无法在初始下拉后加载它。我已经完成了.on / ajaxComplete /等任何想法？我确信我错过了一些非常简单的事情。