Writing Arrays To <select> Tag

[LayneMitch via WebmasterKB.com]

Hello everyone.

I'm currently learning Javascript and doing a few exercises.

One problem I'm working on takes an array of names from an xml file using
Ajax and writes it to <select<options tags.

This is the code they use:

function writeSelect(nam e_group) {
var this_option;
var my_select = document.getEle mentById("namel ist");
for (var loop = 0; loop < name_group.leng th; loop++)
{
this_option = new Option();
this_option.val ue = the_array[loop];
this_option.tex t = the_array[loop]
my_select.optio ns[loop] = this_option;
}

}
The parameter for writeSelect() function contains the array of names and the
id "namelist" is the id for the select tag in the form element.

This is my first time seeing the new Option() function. Is this the standard
for writing arrays to the <selecttag? Or could this have been done another
way - if so what this that way?

Any response would be appreciated.

--
Message posted via WebmasterKB.com
http://www.webmasterkb.com/Uwe/Forum...cript/200806/1

[Baris-C]

<script language="javas cript">

doselect();

function doselect()
{
try
{
var array = Array("select your value","bir","s uç
bende","yine"," cennet","zor güzel","A","yok ","insanlar","s us","sakýn
söyleme","ben", "aðla","göç ");

document.write( "<select>") ;
for(var i = 0; i < array.length; i++)
{
document.write( "<option value ="+i+">"+arr ay[i]+"</option>");
}

document.write( "</select>");
}

catch(e)
{
document.write( e.name+" : "+e.description );
}
}
</script>

[Thomas 'PointedEars' Lahn]

Baris-C wrote:

<script language="javas cript">

<http://validator.w3.or g/#validate-by-input>

doselect();

function doselect()

This is still unnecessary and pointless. If would only make sense if the
Array object reference would be passed instead, so that the method would
become general.

{
try
{

Unnecessary. Error-prone, because not universally supported. No statement
here is going to throw an exception.

var array = Array("select your value","bir","s uç

^^^^^
Unwise choice for an identifier.

bende","yine"," cennet","zor güzel","A","yo k","insanlar"," sus","sakın
söyleme","ben" ,"ağla","göç ");

This should be passed as an argument (in the following: `a') instead.

document.write( "<select>") ;
for(var i = 0; i < array.length; i++)
{
document.write( "<option value ="+i+">"+arr ay[i]+"</option>");
}

document.write( "</select>");
}

Sigh. [psf 10.1]

function esc(s)
{
return String(s).repla ce(
/[<>&]/g,
function(m) { return "&#" + m.charCodeAt(0) + ";" });
}

var out = ['<select size="1">'];

for (var i = 0, len = a.length; i < len; i++)
{
// if Array.prototype .push() isn't available,
// augmentation needs to provide it
out.push('<opti on value="' + i + '"' + (i === 0 ? ' selected' : '')
+ '>' + esc(a[i]) + '<\/option>');
}

out.push('<\/select>');

// "\n" for pretty printing
document.write( out.join("\n")) ;

catch(e)
{
document.write( e.name+" : "+e.description );
}

If document.write( ) throws an exception (which is the only statement that
could be expected to, in Gecko's XHTML DOM), what makes you think that
another document.write( ) call could be successful then? Even more, what
makes you think this message could be helpful to the user?
PointedEars
--
var bugRiddenCrashP ronePieceOfJunk = (
navigator.userA gent.indexOf('M SIE 5') != -1
&& navigator.userA gent.indexOf('M ac') != -1
) // Plone, register_functi on.js:16

[Stanimir Stamenkov]

Tue, 24 Jun 2008 03:51:33 -0700 (PDT), /Baris-C/:

document.write( "<select>") ;
for(var i = 0; i < array.length; i++)
{
document.write( "<option value ="+i+">"+arr ay[i]+"</option>");
}
document.write( "</select>");

Thomas Lahn already pointed in another reply invoking
document.write( ) after load overwrites the document but
document.write( ) also doesn't work with XHTML documents:

http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite

--
Stanimir