将下拉菜单中的值添加到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>

任何帮助将不胜感激！

- designtocode

---

它已经可以工作了 - http://jsfiddle.net/jxXsN/ - dsgriffin

它确实可以运行...只是有一个冲突的库 :) 谢谢 - designtocode

Answer 1

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

- adeneo