将下拉列表中的值添加到 html 属性

Question

我正在尝试将下拉值添加到下表中的属性。但是使用jQuery中的.attr()似乎不起作用

这是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); 
    });
});