×

Loading...
Ad by
  • 技多不压身，工到自然成：安省技工证书特训班，点击咨询报名！
Ad by
  • 技多不压身，工到自然成：安省技工证书特训班，点击咨询报名！

@Calgary

Thank you very much, your post helped me to find a solution, partly :-(.

holdon(again)
本文发表在 rolia.net 枫下论坛My problem is caused by mulitple select box, I want to show mulitple selected item ,

<select id=s2[] name=s2 MULTIPLE size=6>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4 >4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14 selected>14</option>
<option value=15 selected>15</option>
<option value=16>16</option>
</select>

In Firefox/Mozilla, when the page is loaded, the select automatically scrolldown to the first selected item, which is what I want. but in IE , it stay in the first low.

I tried :
<input type=button value=test onclick="Javascript:moveSelect()">
<script language="JavaScript">
<!--
var ie5=document.all
var ns6=document.getElementById&&!document.all
function FIND(item) {
if( window.mmIsOpera ) return(document.getElementById(item));
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
}
function moveSelect()
{
obj= FIND('s2');
idx= obj.selectedIndex;
obj.selectedIndex=idx;
}
//-->
</script>

The select did scroll down, but I lost a selection. so the final solution is

function moveSelect1()
{
obj= FIND('s2');
var length= obj.options.length;
var arr =new Array();
for ( i=0;i<length;i++)
{
arr[i]=obj.options[i].selected;
}

idx= obj.selectedIndex;
obj.selectedIndex=idx;

for ( i=0;i<length;i++)
{
obj.options[i].selected=arr[i];
}

}

But unfortunately, It didn't work on safari :-(更多精彩文章及讨论，请光临枫下论坛 rolia.net
(#2742670@0)
Last Updated: 2006-1-24
This post has been archived. It cannot be replied.
Report

Replies, comments and Discussions:

  • 工作学习 / 专业技术讨论 / Javascript question, any highhand? -holdon(again); 2006-1-24 {1246} (#2742437@0)
    本文发表在 rolia.net 枫下论坛I need to dynamically scroll down a select dropdown box in IE by javascript .

    I found a Property scrollTop from msdn:

    http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrolltop.asp

    tried the following code but it doesn't work in IE.
    <script language="JavaScript">
    <!--
    function test()
    {
    //alert(document.all.s2); //s2 is a object.
    document.all.s2.scrollTop +=20;
    }
    //-->
    </script>

    <table><tr><td>
    <select id=s2 name=s2 size=6>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
    <option value=13>13</option>
    <option value=14>14</option>
    <option value=15>15</option>
    <option value=16>16</option>
    </select>
    </td>
    <td><input type=button value=test onclick="Javascript:test()"></td>
    </tr></table>

    select's scrollTop in IE is always 0.My IE version is 6.0.28.
    Surperisely the code is working in Firefox.

    Since it's listed in MSDN, I suppose it should work in IE.

    Thanks.更多精彩文章及讨论，请光临枫下论坛 rolia.net
    • This property's value equals the current vertical offset of the content within the scrollable range it doesnot matter with "dynamically scroll down a select dropdown box " -zyx255(zyx255); 2006-1-24 (#2742459@0)
      • what I want is to change the "current vertical offset of the content within the scrollable range" by javascript. -holdon(again); 2006-1-24 (#2742509@0)
        • try document.frmWin1.s2.selectedIndex = an offset value, then document.frmWin1.s2.selectedIndex = -1, but you need to keep previousselectedIndex in a hidden field. -ningxin0809(雁影行洲); 2006-1-24 (#2742529@0)
          • Thank you very much, your post helped me to find a solution, partly :-(. -holdon(again); 2006-1-24 {1828} (#2742670@0)
            本文发表在 rolia.net 枫下论坛My problem is caused by mulitple select box, I want to show mulitple selected item ,

            <select id=s2[] name=s2 MULTIPLE size=6>
            <option value=1>1</option>
            <option value=2>2</option>
            <option value=3>3</option>
            <option value=4 >4</option>
            <option value=5>5</option>
            <option value=6>6</option>
            <option value=7>7</option>
            <option value=8>8</option>
            <option value=9>9</option>
            <option value=10>10</option>
            <option value=11>11</option>
            <option value=12>12</option>
            <option value=13>13</option>
            <option value=14 selected>14</option>
            <option value=15 selected>15</option>
            <option value=16>16</option>
            </select>

            In Firefox/Mozilla, when the page is loaded, the select automatically scrolldown to the first selected item, which is what I want. but in IE , it stay in the first low.

            I tried :
            <input type=button value=test onclick="Javascript:moveSelect()">
            <script language="JavaScript">
            <!--
            var ie5=document.all
            var ns6=document.getElementById&&!document.all
            function FIND(item) {
            if( window.mmIsOpera ) return(document.getElementById(item));
            if (document.all) return(document.all[item]);
            if (document.getElementById) return(document.getElementById(item));
            return(false);
            }
            function moveSelect()
            {
            obj= FIND('s2');
            idx= obj.selectedIndex;
            obj.selectedIndex=idx;
            }
            //-->
            </script>

            The select did scroll down, but I lost a selection. so the final solution is

            function moveSelect1()
            {
            obj= FIND('s2');
            var length= obj.options.length;
            var arr =new Array();
            for ( i=0;i<length;i++)
            {
            arr[i]=obj.options[i].selected;
            }

            idx= obj.selectedIndex;
            obj.selectedIndex=idx;

            for ( i=0;i<length;i++)
            {
            obj.options[i].selected=arr[i];
            }

            }

            But unfortunately, It didn't work on safari :-(更多精彩文章及讨论，请光临枫下论坛 rolia.net
            • oh, it's easy than I thought acturally: obj= FIND('s2'); idx= obj.selectedIndex; obj.options[idx].selected=true; -holdon(again); 2006-1-24 (#2742898@0)
    • highhand这个词有吗？英文高手指教一下英文高手怎么讲 -akoei(停车**枫林晚); 2006-1-26 (#2746384@0)
      • guru -diao_david(Big Fish); 2006-1-26 (#2746394@0)

More Topics

  • 老程序员第一次用copilot的一点点体会
  • 现在社区游泳池招救生员巡逻，过一会还要不停的点人头，这工作是否很快就被AI代替了，装一个摄像头后面是AI处理系统，这样只招一个等着救人就行了，人头沉下水一定时间立马强光照射，还可以分析水下人的状况来判断是否溺水等
  • 新冠疫苗引发心肌炎? 最新研究这样看
  • 这道几何题有解吗?
  • SAM 2 Demo
    • 枫下论坛主坛 /  工作学习 /  专业技术讨论