Select element issue

[Rajkumar balakrishnan]

Hi ranchers,
I am developing a Web App where i use AJAX to retrieve the data from DB and want to assign the value to a Combo Box...
Like if i get GTC as value, then i want the GTC value to be selected... Currently i am employing this code which retrieves the code from DB but not able to assign it to Combo box...

function stateChanged()
{
if (xmlHttp.readyState==4 && xmlHttp.status==200)
{
var xl = xmlHttp.responseText;
var selObj = document.getElementById('status');
selObj.options("GTC").selected = true;
}
}

But it wont work.... Please help me whats wrong with my code....
[ October 16, 2008: Message edited by: Bear Bibeault ]

[Sandip Sarkar]

Hi,

I faced a similar issue and i developed a work around this.
I got a unique ID created for every option of my combo box and then i did something like the following:

Suppose your option id is GTKID having the option value of "GTK" , then i display it as :

 var x=(whatever your value is returned)+"ID"; document.getElementById(x).selected=true;   

Hope it helps.
Thanks,
Sandip

[Rajkumar balakrishnan]

Originally posted by Sandip Sarkar:
Hi,

I faced a similar issue and i developed a work around this.
I got a unique ID created for every option of my combo box and then i did something like the following:

Suppose your option id is GTKID having the option value of "GTK" , then i display it as :

 var x=(whatever your value is returned)+"ID"; document.getElementById(x).selected=true;   

Hope it helps.
Thanks,
Sandip

<select name="status">
<option value="0">- - Select something - -</option>
<option value="GTC">Given to Customer</option>
<option value="WTSTS">Waiting to Send to Supplier</option>
<option value="STS">Sent to Supplier</option>
</select>

What do i do in order to make Given to Customer selected if i get GTC as the retrieved value....

[Sandip Sarkar]

Hi,

I changed your code as below:

  <select name="status">
<option value="0">- - Select something - -</option>
<option id="GTCstatus" value="GTC">Given to Customer</option>
<option id="WTSTSstatus" value="WTSTS">Waiting to Send to Supplier</option>
<option id="STSstatus" value="STS">Sent to Supplier</option>
</select>  

I just tried making unique id's.
Now if you get the value of GTC (or anything else), simply append the "status" thing to the value and look up for the ID.
And then say selected as true on that as below:

  document.getElementById("GTC"+"status").selected=true;  

Thanks,
Sandip

[Eric Pascarello]

First off HTML does not have a "Combo box" element, it is just a select element.

To select a value in the list it is as simple as

document.getElementById("mySelectId").value = foobar;

now if it is a multiple select, you need to loop through the options and select it that way.

var opts = document.getElementById("mySelectId").options;
for(var i=0; i<opts.length;i++){
  if(opts[i].value === foobar){
    opts[i].selected = true;
    break;
  }
}

Eric

[Bear Bibeault]

Please read this for more information.

[Rajkumar balakrishnan]

Thanks for all your help....
[ October 16, 2008: Message edited by: Rajkumar balakrishnan ]