jQuery on change on replaceWith

Question

因此，我有这样的想法:每当一个人从一个选择中选择一个选项时，它就会显示如下所示：

$('#secbutt').click(function(){
    $('#secnow').replaceWith('<div id="sec" style="width:100px;margin:0px;"><select id="technical" name="sec"><option value="Systems">Systems</option><option value="Technical">Technical</option><option value="Network">Network</option></select></div>');
    $('#secbutt').hide();
});

这是我所做的另一项工作，所以如果一个人选择了Technical，这个应该会出现：

​

 <div id="technow" style="width:100px;margin:0px;">
          <select name="tech">
               <option>Jen</option>
               <option id="tech">Jeff</option>
               <option>Joms</option>
          </select>
    </div>

​

这将隐藏：

<span id="itnow">Something is inside</span>

这是我所做的jQuery函数：

$("#technical").change(function(){
var val = $(this).val();
  if(val === "Technical"){
    $("#technow").show();
    $("#itnow").hide();
    //$(".showPendings").show();
  }else{
    $("#technow").hide();
    $("#itnow").show();
    //$(".showPendings").hide();
  }

});

我是不是遗漏了什么？谢谢!

Answer 1

您可能需要将事件处理程序更改为：

$("body").on('change', "#technical",function(){
var val = $(this).val();
  if(val === "Technical"){
    $("#technow").show();
    $("#itnow").hide();
    //$(".showPendings").show();
  }else{
    $("#technow").hide();
    $("#itnow").show();
    //$(".showPendings").hide();
  }

});

Answer 2

$("#technical").change(function(){

更改代码行以上的代码，

$(document).off('change', "#technical").on('change', "#technical",function(){