Using Array in selectbox options

[evanburen]

I have a bi-dimensional array that looks like this. I could split this
up any I need to if there is a better method.

{1,COMS}{2,IBM}{3,F}

I want to use this array to populate a selectbox. The numeric value is
the option value and the text is the text I want the user to see. I'm
not sure what to do with the array once I get the data back and
populate my selectbox.

// Split the response into an array
results = xmlHttp.responseText.split("{");
var optn = document.createElement("OPTION");
optn.text = results[0];
optn.value = results[1];
document.myForm.mySelectbox.options.add(optn);
This is the end result I'm looking for from the array above

<form id="myForm">
<select name="mySelectBox">
<option value="1">COMS</option>
<option value="2">IBM</option>
<option value="3">F</option>
</select>
</form>

[RobG]

On Apr 12, 1:09 pm, "[e-mail]" <[e-mail]>
wrote:

I have a bi-dimensional array that looks like this. I could split this
up any I need to if there is a better method.

{1,COMS}{2,IBM}{3,F}

I'll assume that at this stage, your data is just as string, so try:

var s = '{1,COMS}{2,IBM}{3,F}';
var re = new RegExp('{([^{}]*)}','g');
var x = [];
while (re(s)){
x.push(RegExp.$1.split(','));
}
You may want to do some validation of the data on the way, otherwise
you might get some horrible results. Now use x to create the options:

var sel = document.forms['myForm'].elements['mySelectBox'];
for (var i=0, len=x.length; i<len; i++){
sel.options[i] = new Option(x[i][1], x[i][0]);
}

It needs a few feature tests, etc. to make it robust but that's your
job. :-)
--
Rob

[RobG]

On Apr 12, 3:47 pm, "RobG" <[e-mail]:
[...]

I'll assume that at this stage, your data is just as string, so try:

var s = '{1,COMS}{2,IBM}{3,F}';
var re = new RegExp('{([^{}]*)}','g');
var x = [];
while (re(s)){

Sorry, didn't test in IE (doh), use:

while (re.exec(s)){
--
Rob

[Pete]

Elegant solution! though will struggle when parsing lots of data. I
did
a time comparison using this method compared to using spilts and the
2nd method was about 6 times faster...

in essence:

arr=s.split("}{");
loop over arr and perform arr[i].split(",") which will give you your
name/value pairs

don't forget to remove the leading { and trailing }

Pete

On Apr 12, 1:57 pm, "RobG" <[e-mail]:

On Apr 12, 3:47 pm, "RobG" <[e-mail]:
[...]

I'll assume that at this stage, your data is just as string, so try:

var s = '{1,COMS}{2,IBM}{3,F}';
var re = new RegExp('{([^{}]*)}','g');
var x = [];
while (re(s)){

Sorry, didn't test in IE (doh), use:

while (re.exec(s)){

--
Rob

[evanburen]

On Apr 12, 4:40 am, "Pete" <[e-mail]:

Elegant solution! though will struggle when parsing lots of data. I
did
a time comparison using this method compared to using spilts and the
2nd method was about 6 times faster...

in essence:

arr=s.split("}{");
loop over arr and perform arr[i].split(",") which will give you your
name/value pairs

don't forget to remove the leading { and trailing }

Pete

On Apr 12, 1:57 pm, "RobG" <[e-mail]:

On Apr 12, 3:47 pm, "RobG" <[e-mail]:
[...]

I'll assume that at this stage, your data is just as string, so try:

var s = '{1,COMS}{2,IBM}{3,F}';
var re = new RegExp('{([^{}]*)}','g');
var x = [];
while (re(s)){

Sorry, didn't test in IE (doh), use:

while (re.exec(s)){

--
Rob- Hide quoted text -

- Show quoted text -

Works like magic! Thank you both.