在IE瀏覽器上追加新文本框後重復的文本框中的文本

當我第一次在第一個文本框上放置任何文本時它很好，但是一旦我添加了一個新文本框，無論它在第一個文本框中，它都會複製到下一個附加文本框。這隻在IE上發生（使用IE 11進行測試）。在IE瀏覽器上追加新文本框後重復的文本框中的文本

由於IE是我們使用的主要瀏覽器。

我如何解決這個問題，讓它在IE上工作？

我做了一個https://jsfiddle.net/Ltzmu3p6/1/來測試它，在我的原始形式是更大的所有其他輸入文本不得不問。

<textarea rows="5" cols="90" id="customFields_name" class="employemnt_duties" name="employemnt_duties_1" ></textarea> 

<script> 
//for the company 
    $(".companyCF3").click(function(){ 
    var firstRow = $("#customFields_emp > tbody:first"); 
    $("#customFields_emp").append('<tbody>' + firstRow.html() + '</tbody>'); 
    //Process data 
    $("#customFields_emp > tbody:last").find('.companyCF3').remove(); 


    $("#customFields_emp > tbody:last").find('.lastitem').append('<span style="float:right"> <a href="javascript:void(0);" class="remCF3">Remove</a> </span>'); 

    var position_emp = parseInt($("#totalEmployment").val())+1; 

    $("#customFields_emp > tbody:last").find('.employemnt_duties').attr('name', 'employemnt_duties_' + position_emp.toString()); 



    $("#totalEmployment").val(parseInt($("#totalEmployment").val())+1); 
    }); 
    $("#customFields_emp").on('click','.remCF3',function(){ 
     $(this).parent().parent().parent().parent().remove(); 
     $("#totalEmployment").val(parseInt($("#totalEmployment").val())-1); 
    }); 


</script>

來源

2016-11-14 anatp_123

我建議你clone您firstRow，然後將其添加爲html爲您的新行之前找到其中textarea。

下面是您可能想要做的兩行更改。

var firstRow = $("#customFields_emp > tbody:first").clone(); 
firstRow.find("textarea").text("");

Updated fiddle

來源

2016-11-14 18:25:58

在IE瀏覽器上追加新文本框後重復的文本框中的文本

回答

相關問題