Razor 将“我自己的显示条目”框链接到数据表

我创建了一个显示条目框，但我不知道如何将其链接到数据表，以便它呈现所选的数字。我这样做是为了通过使用css和js修复框的位置，阅读它们的文档对我没有多大帮助。非常感谢。 这是我的选择框代码：

我试过： .页面长度 .长度菜单 脚本中的plengthMenu

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

---

顺便说一句，搜索框工作得很好。

我就是这样做的。然而，只有当任何人对如何使其在chrome上工作有想法时，它才能在IE上工作。请随意评论或添加答案

<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>
<script>
  $(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();
            });
        });
</script>

显示条目：
10
25
50
100
$（文档）.ready（函数（）{
var dataTable=$（'#scrape'）。dataTable({
//“页面长度”：100，
“bLengthChange”：false，
固定标题：{
标题：对，
页脚：是的，
人头偏移：50
},
});
var table=$（'#scrape'）.DataTable（）；
$（“#搜索框”）.keyup（函数（）{
dataTable.fnFilter（此.value）；
});
//“.btn详细信息”，
$（“#刮除”）。在（'click'，函数（）{
表.page.len（10.draw（）；
});
$（“#刮除”）。在（'click'，函数（）{
表.page.len（25.draw（）；
});
$（“#刮除”）。在（'click'，函数（）{
表.page.len（50）.draw（）；
});
$（“#刮除”）。在（'click'，函数（）{
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>
<script>
  $(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();
            });
        });
</script>