set multiple indexs useing DOM is it possible?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Amzul
    New Member
    • Oct 2007
    • 130

    set multiple indexs useing DOM is it possible?

    hello all.

    i am trying to set few index's in my multiple select,

    i can get the index out of there but it looks like i cant set it
    please advice
    snippet:
    [CODE=javascript]
    var sel = document.getEle mentById('selec t_multi');
    for(i=0;i<sel.l ength;i++){
    if(id[i] == id_xml[sel.options[i].value])
    sel.selectedInd ex = i;
    [/CODE]

    i want to highlight few items in that select box; this code only higlight the last one :(
    doesn't make seance
    thanks
  • RamananKalirajan
    Contributor
    • Mar 2008
    • 608

    #2
    I dont get with your multiple index, are u looking for something like this...

    Code:
    <html>
    	<head>
    		<script type="text/javascript">
    		   function doThis()
    		   {
    				var zz= document.getElementById('mySelect1');
    				var yy= document.getElementById('mySelect2');
    				for(var i=0;i<zz.length;i++)
    				{
    					if(zz.options[i].selected)
    					{
    					   //alert(zz.options[i].value);
    						var temp = zz.options[i].value;
    						for(var j=0;j<yy.length;j++)
    						{
    							if(yy.options[j].value==temp)
    							   yy.options[j].selected="true";
    						}
    					}
    				}
    		   }
    
    		</script>
    	</head>
    	<body>
    		<table>
    			<tr>
    				<td>
    					<select id="mySelect1" multiple size="15">
    						<option value="option1">option1</option>
    						<option value="option2">option2</option>
    						<option value="option3">option3</option>
    						<option value="option4">option4</option>
    						<option value="option5">option5</option>
    						<option value="option6">option6</option>
    						<option value="option7">option7</option>
    						<option value="option8">option8</option>
    						<option value="option9">option9</option>
    						<option value="option10">option10</option>
    						<option value="option11">option11</option>
    						<option value="option12">option12</option>
    						<option value="option13">option13</option>
    						<option value="option14">option14</option>
    						<option value="option15">option15</option>
    					</select>
    				</td>
    				<td valign="middle">
    					<input type="button" value="highlight" onclick="doThis()">
    				</td>
    				<td>
    					<select id="mySelect2" multiple size="15">
    						<option value="option1">option1</option>
    						<option value="option2">option2</option>
    						<option value="option3">option3</option>
    						<option value="option4">option4</option>
    						<option value="option5">option5</option>
    						<option value="option6">option6</option>
    						<option value="option7">option7</option>
    						<option value="option8">option8</option>
    						<option value="option9">option9</option>
    						<option value="option10">option10</option>
    						<option value="option11">option11</option>
    						<option value="option12">option12</option>
    						<option value="option13">option13</option>
    						<option value="option14">option14</option>
    						<option value="option15">option15</option>
    					</select>
    				</td>
    	</body>
    </html>
    Regards
    Ramanan Kalirajan

    Comment

    • Amzul
      New Member
      • Oct 2007
      • 130

      #3
      sel.options[i].selected = true;
      this might work, :)
      i will try it when i will get to the office.
      thanks
      not sure why i missed it

      Comment

      • RamananKalirajan
        Contributor
        • Mar 2008
        • 608

        #4
        k try it out...

        Regards
        Ramanan Kalirajan

        Comment

        • Amzul
          New Member
          • Oct 2007
          • 130

          #5
          it works
          thanks Ramanan Kalirajan

          Comment

          • RamananKalirajan
            Contributor
            • Mar 2008
            • 608

            #6
            You are welcome. If u struck with any doubts post it out.

            Regards
            Ramanan Kalirajan

            Comment

            • RamananKalirajan
              Contributor
              • Mar 2008
              • 608

              #7
              sorry.. wrongly posted...

              Comment

              Working...