listboxshiftupdownexample.htm

来自「这是javascript高级程序设计的源码」· HTM 代码 · 共 35 行

HTM
35
字号
<html>
    <head>
        <title>Listbox Shift Example</title>
        <script type="text/javascript" src="listutil.js"></script>
        <script type="text/javascript">
            function shiftUp() {
                var oListbox = document.getElementById("selListbox");
                var oTxtIndex = document.getElementById("txtIndex"); 
                ListUtil.shiftUp(oListbox, parseInt(oTxtIndex.value));
            }
            
            function shiftDown() {
                var oListbox = document.getElementById("selListbox");
                var oTxtIndex = document.getElementById("txtIndex");     
                ListUtil.shiftDown(oListbox, parseInt(oTxtIndex.value));
            }
        </script>
    </head>
    <body>
        <form>
            <select id="selListbox" size="5">
                 <option>Original Value 0</option>
                 <option>Original Value 1</option>
                 <option>Original Value 2</option>
                 <option>Original Value 3</option>
                 <option>Original Value 4</option>
            </select><br />
            Click the "Shift Up" or "Shift Down" button to move the item with this position:<br />
            <input type="text" id="txtIndex" /><br />
            <input type="button" value="Shift Up" onclick="shiftUp()" />
            <input type="button" value="Shift Down" onclick="shiftDown()" />
       </form>
    </body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?