Node.insertBefore

gaya3

New Member

Join Date: Aug 2007
Posts: 184

Jul 14 '08, 05:49 AM

Hi All,
In a JSP I'm having like

Code:

<html>
<head>
<script>
function Alter()
{
  var oldNode = document.getElementById("selectRows");
  var optionElement = document.createElement("option");
  optionElement .setAttribute("id","1");
  optionElement .setAttribute("value","EE");
  var optionText = document.createTextNode(newSelectText);
  optionElement.appendChild(optionText);
  // I need to append this 'optionElement' under 'oldNode' at 2nd position after "AA"


}
</script>
</head>
<body>
<select id="selectRows">
 <option id="1" value ="AA"> AA</option> 
 <option id="2" value ="BB"> BB</option>
 <option id="3" value ="CC"> CC</option>
 <option id="4" value ="DD"> DD</option>
</select>
<input type="button" name="submit" value="submit" onClick="Alter()">
</body>
</html>

How to do I insert the "option element" under "old Node" at 2nd position after "AA".. Thanks in Advance..

Tags: None

hsriat

Recognized Expert Top Contributor

Join Date: Jan 2008

Posts: 1653
#2

Jul 14 '08, 07:08 AM

Change your Alter function like this:[code=javascript]
var sel = document.getEle mentById('selec tRows');

for (var i = sel.options.len gth; i>=2; i--)
sel.options[i] = new Option(sel.opti ons[i-1].value, sel.options[i-1].innerText);

sel.options[1] = new Option('EE','EE ');[/code]
Comment

Node.insertBefore

Node.insertBefore

Comment