ブートストラップモーダルデータは、編集ボタンのクリックで

Question

をリフレッシュしていない属性は、私はモーダル内の名前を変更し、テキストを更新していたデータ属性データcatnameに

対応の下で現在の名前でモーダルを示していますそしてまた、対応するデータは、データcatname

属性が、私はモーダルを再度開くと、そのは私にこれが私のコード

ある

prevoius名を示します 再現する方法を

function addCatSbmt() 
{ 
     var category_name_modal = $("#catnameedit").val(); 
     var category_id_modal = $("#catidhiddenedit").val(); 
     var trid = category_id_modal; 
     var texttoreplace = category_name_modal; 
     $("#span" + trid).text(texttoreplace); 
     $('#' + trid).find(".editcatclick").attr('data-catname', texttoreplace); 
      $('.closetagdialog').trigger('click'); 
} 

：

1.Click編集ボタン（TCS）に、それは何か他のものに名前を変更し、名前TCSで、POP UPを開きます。

2.Clickは再び同じ[編集]ボタン、それはTCSに見せているだけ

https://jsfiddle.net/BVV5T/313/

Answer 1

私の問題は、モーダルショーの機能に使用されて.data()機能です。

.dataを.attrに置き換えると、目的の結果が得られます。

$('#editCategoryname').on('show.bs.modal', function(e) 
{ 
     var cat_name = $(e.relatedTarget).attr('data-catname'); 
     var cat_id = $(e.relatedTarget).attr('data-categorid'); 
     $(e.currentTarget).find('input[name="catnameedit"]').val(cat_name); 
     $(e.currentTarget).find('input[name="catidhiddenedit"]').val(cat_id); 
}); 

Updated Fiddle

-Help :)

Answer 2

あなたはデータを使用してアクセスすることができますが、あなたのデータの属性を更新する必要があり、同様に

data('catname',texttoreplace) 

をしかし、あなたが提供する必要が更新しますあなたのIDはあなたのデータ属性を含むタグ

<a data-toggle="modal" data-target="#editCategoryname" data-categorid="1" id="cat_1" data-catname="TCS" class="btn btn-sm btn-primary editcatclick"><i class="icon-pencil"></i></a> 

のような0だから、これはあなたが

fiddlle

に近づく以下の1フィドルあるデータは

jQuery Data vs Attr?