欢迎光临
我们一直在努力

推荐:列表项可上下移动的Multiple列表!

建站超值云服务器,限时71元/月

<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style>
body, select
{
    font-family: times new roman;
    font-size: 10pt;
}
</style>
<script language="javascript">
<!–
window.onload = initpage;
function initpage()
{
    btnputup.onclick    = putup;
    btnputdown.onclick    = putdown;

    btngoup.onclick    = goup;
    btngodown.onclick    = godown;
}

function putup()
{
    var strtempvalue;
    var strtemptext;
    var intcurindex;
    
    intcurindex = sltfruit.selectedindex;
    //alert("intcurindex: " + intcurindex);

    if (intcurindex > 0)
    {
        strtempvalue= sltfruit.options.item(intcurindex).value;
        strtemptext    = sltfruit.options.item(intcurindex).text;
        //alert(strtemptext + " – " + strtempvalue);
        
        sltfruit.options.item(intcurindex).value    = sltfruit.options.item(intcurindex – 1).value;
        sltfruit.options.item(intcurindex).text        = sltfruit.options.item(intcurindex – 1).text;
        sltfruit.options.item(intcurindex – 1).value= strtempvalue;
        sltfruit.options.item(intcurindex – 1).text    = strtemptext;
        sltfruit.selectedindex = intcurindex – 1;
    }
}

function putdown()
{
    var strtempvalue;
    var strtemptext;
    var intcurindex;
    var intindexcount;
    
    intcurindex    = sltfruit.selectedindex;
    intindexcount    = sltfruit.length;
    //alert("intcurindex: " + intcurindex);
    //alert("intindexcount: " + intindexcount);
    
    if (intcurindex < intindexcount – 1)
    {
        strtempvalue= sltfruit.options.item(intcurindex).value;
        strtemptext    = sltfruit.options.item(intcurindex).text;
        //alert(strtemptext + " – " + strtempvalue);
        
        sltfruit.options.item(intcurindex).value    = sltfruit.options.item(intcurindex + 1).value;
        sltfruit.options.item(intcurindex).text        = sltfruit.options.item(intcurindex + 1).text;
        sltfruit.options.item(intcurindex + 1).value= strtempvalue;
        sltfruit.options.item(intcurindex + 1).text    = strtemptext;
        sltfruit.selectedindex = intcurindex + 1;
    }
}

function goup()
{
    var intcurindex;
    intcurindex = sltcountry.selectedindex;

    if (intcurindex > 0)
        sltcountry.selectedindex = intcurindex – 1;
}

function godown()
{
    var intcurindex;
    var intindexcount;
    
    intcurindex        = sltcountry.selectedindex;
    intindexcount    = sltcountry.length;
    
    if (intcurindex < intindexcount – 1)
        sltcountry.selectedindex = intcurindex + 1;
}
//–>
</script>
</head>

<body>

</body>
水果列表<br>
1 – 香蕉<br>
2 – 苹果<br>
3 – 葡萄<br>
4 – 桔子<br>
5 – 西瓜<br>
<select name="sltfruit" size="5">
    <option value="1">香蕉</option>
    <option value="2">苹果</option>
    <option value="3">葡萄</option>
    <option value="4">桔子</option>
    <option value="5">西瓜</option>
</select>

<input type="button" id="btnputup" value="上移">
<input type="button" id="btnputdown" value="下移">
<hr>

国家列表<br>
1 – china<br>
2 – usa<br>
3 – ussr<br>
4 – england<br>
5 – france<br>
<select name="sltcountry">
    <option value="1">china</option>
    <option value="2">usa</option>
    <option value="3">ussr</option>
    <option value="4">england</option>
    <option value="5">france</option>
</select>

<input type="button" id="btngoup" value="上移">
<input type="button" id="btngodown" value="下移">
</html>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 推荐:列表项可上下移动的Multiple列表!
分享到: 更多 (0)

相关推荐

  • 暂无文章