下拉选择框不适用于dataTable

Question

我为dataTable制作了一个自己的显示条目框，它在IE上可以正常工作，但在chrome上却无法正常工作。我在网上尝试了答案，但到目前为止，没有一个有效。请帮忙，谢谢。

我尝试过的测试

('click', "._10", function ()

  $(document).ready(function () {
        var dataTable = $('#scrape').dataTable({
           // "pageLength": 100,
            "bLengthChange": false,
               fixedHeader: {
                header: true,
                footer: true,
                headerOffset: 50
            },
        });
        var table = $('#scrape').DataTable();

        $("#searchbox").keyup(function () {
            dataTable.fnFilter(this.value);
        });
       //'.btn-details',
        $("#scrape").on('click', function () {
            table.page.len(10).draw();
        });
        $("#scrape").on('click',function () {
            table.page.len(25).draw();
        });
        $("#scrape").on('click', function () {
            table.page.len(50).draw();
        });
        $("#scrape").on('click', function () {
            table.page.len(100).draw();
        });
    });

  <div class=" fixedd" style="color: azure">
        Show Entries: &nbsp;<select name="showentries" type="select" 
      id="showentries" placeholder="Search...." style="color: black">
        <option id="_10" value="10">10</option>
        <option id="_25" value="25">25</option>
        <option id="_50" value="50">50</option>
        <option id="_100" value="100">100</option>

    </select>
</div>