JS: get value in a datalist control

[passion]

I'm an okay programmer on JavaScript and it has it's values when it comes down to client side events.

So, here's my situation ...
I have a server side data list control that binds from a stored procedure query.
I have check boxes in that data list for each row.
I have created a JS function to generate a number to be assigned to a row when a check box is checked.

The issue ...
I cannot retrieve the value of the client side generated number from each row.

If you need any clarifications, whatsoever, let me know.

Code:

function display(chkId, lblId, intIncrement)
        {
            var frm = document.forms[0];   
            //var hnd = document.forms[0].hdnMbr;
            //var arry = new Array();
            for(i=0;i<frm.elements.length;i++)
                {                       
                   if(frm.elements[i].id == chkId)
                        {                               
                            if(frm.elements[i].checked)
                            {
                                var intChecked = numChecked();
                                var intBarNum;
                                var span = document.getElementsByTagName("span");
                                for(ii=0;i<span.length;ii++)
                                {
                                    if (span[ii].id == lblId)
                                    {
                                        intBarNum = parseInt(intIncrement) + parseInt(intChecked);
                                        span[ii].innerHTML = intBarNum;
                                        span[ii].innerText = intBarNum;
                                        //hdn.value = intBarNum;
                                        //arry[ii] = intBarNum;
                                        return;
                                    }
                                }                 
                            }
                           
                            if(frm.elements[i].checked == false)
                            {
                                var span = document.getElementsByTagName("span");
                                for(ii=0;i<span.length;ii++)
                                {
                                    if (span[ii].id == lblId)
                                    {
                                        span[ii].innerHTML = ''
                                        span[ii].innerText = ''
                                        //hdn = intBarNum;
                                        //arry[ii] = intBarNum;                                       
                                        return;
                                    }
                                }
                            }
                        }
                }         
        }   
       
        //need to fix to not duplicate numbers
        function numChecked()
        {
            var cntChkbx=0;           
            var frm = document.forms[0]; 
            for(i=0;i<frm.elements.length;i++)
            {
                if(frm.elements[i].type == "checkbox")
                {
                    if(frm.elements[i].checked)
                    cntChkbx++;
                }           
            }           
            return cntChkbx;
        }

[jetter]

I cannot retrieve the value of the client side generated number from each row.

Are you trying to retrieve the value via server side scripting (aka vb.net, c# etc) or js?  

Looking at the code, js should get the value once you set it in your span; either HTML or text should work fine but in this case just text should be enough to get the number in there and the ability to retrieve it via js and do something with it.

If you are trying to retrieve the value via server side scripting, you will never see it because the changes resided on the client and changes were made on the client, the server side script will never knew what happen; in this case if you want the server side script to see the changes, it has to be ajax.  

hope this helps; if not I might be missing some more info.

[passion]

If you are trying to retrieve the value via server side scripting, you will never see it because the changes resided on the client and changes were made on the client, the server side script will never knew what happen; in this case if you want the server side script to see the changes, it has to be ajax. 

Yes! That's what I'm trying to do.

The JS values are displayed in the data list, therefore I was trying to retrieve those values using server side code. Logically, I knew I can't retrieve JS values but I just had to ask if anyone knew of way.

I'll give AJAX a try. Thanks Jetter!

[passion]

OKAY! RESOLVED!  

I decided to use a queue data structure to handle the generated numbers. One of the requirements was that they wanted to use all numbers provided and no skipping numbers or gaps.

EX.

Code:

queue.enqueue(123)
queue.enqueue(124)

[X] Amy #123 (queue.dequeue)
[X] Cha  #124  (queue.dequeue)

hmm ... i don't need Cha on the list

[ ] Cha   (queue.enqueue(124))

I should have thought of using stacks and queues earlier. Wasted a good 6 hours on creating a JavaScript function hoping to bypass autopostback, but then realized that i needed to post back anyways to get the client side values to register in the server side.