將下拉列表中的值添加到html屬性

Question

我試圖將下拉值添加到下表中的屬性中。但它似乎沒有工作使用.attr()從jQuery

這是jQuery的：

$("#datasize").change(function(){ 
     var element = $(this).find('option:selected'); 
     var myTag = element.val(); 

     $('#filterTable1').attr('data-page-size' , myTag); 
    }); 

這是HTML：

<select id="datasize"> 
     <option value="10">My option</option> 
     <option value="20">My other option</option> 
    </select> 
    <table class="footable" data-page-size="" id="filterTable1"> 
     <thead> 
      <tbody> 
      </tbody> 
     </thead> 
    </table> 

任何幫助，將不勝感激！

Answer 1

$(function() { 
    $("#datasize").on('change', function(){ 
     $('#filterTable1').attr('data-page-size' , this.value); 
    }); 
});