Dynamically set selected attribute

fs22 · December 21st, 2004, 01:00 PM

Can anyone point me in the write direction to dynamically set the selected attribute. I am hitting a database and want the value to default to what is the value on the record. The select field is dynamically generated from the following code...

    function setOptions(chosen)
    {
        var selbox = document.frmUpdateRecord.subapplication;

        selbox.options.length = 0;
        if (chosen == " ")
        {
            selbox.options[selbox.options.length] = new Option('Please select one of the Applications above first',' ');
        }
        if (chosen == "Inventory Control & Management Applications")
        {
            <cfloop query="rsInventorysubapp">
            selbox.options[selbox.options.length] = new Option('<cfoutput>#subapplication#</cfoutput>','<cfoutput>#subapplication#</cfoutput>');
            </cfloop>
        }
        if (chosen == "Point-of-Sale & Ordering Applications")
        {
            <cfloop query="rspossubapp">
            selbox.options[selbox.options.length] = new Option('<cfoutput>#subapplication#</cfoutput>','<cfoutput>#subapplication#</cfoutput>');
            </cfloop>
        }

The above is a sample of the code. Thought it might be too long to post. Basically, I am coding using js and cf. I want to dynamically in my js if statement set the selected attribute to what the record says. I can get the info from the db using cf. My problem is that I am unclear as to the syntax to tell it to set it to that value. Something like...

selbox.options.selected = #mycfvalue#

Let me know your thoughts.

Clay Hess

Greg Griffiths · December 21st, 2004, 07:35 PM

just invert the code from http://www.jguru.com/faq/view.jsp?EID=818956 and it should do what you need.

joefawcett · December 22nd, 2004, 04:19 AM

You need to set the selected property of the option to true.
http://msdn.microsoft.com/library/de...s/selected.asp

--

Joe (Microsoft MVP - XML)

fs22 · December 23rd, 2004, 07:19 PM

Joe,

Thanks for the assist. I see that I need to set that attribute to true. My problem is that I do not know the correct syntax to do that. Can you show me an example please?

Quote:

quote:Originally posted by joefawcett
You need to set the selected property of the option to true.
http://msdn.microsoft.com/library/de...s/selected.asp

--

Joe (Microsoft MVP - XML)

Clay Hess

Snib · December 24th, 2004, 12:23 PM

This function should select the option with the desired value.

Code:

function setSelected(optvalue)
{
 for(var i=0; i<this.options.length; i++)
 {
  if(this.options[i].value == optvalue)
  {
   this.options[i].selected = true;
   return true;
  }
 }
 return false;
}

//call the function
document.forms.your_form.your_selectbox.setSelected("#yourcfvalue#");

If the value is not found in all the options, the function will return false.

hth,

-Snib - http://www.snibworks.com
Where will you be in 100 years?

fs22 · December 24th, 2004, 04:10 PM

Snib,

Thanks for the assist. Where would I place that function? At the end of my original function which sets the options or outside of that? I placed it there and nothing happens. Can you throw some more assistance my way please?

Thanks you and God Bless,

Quote:

quote:Originally posted by Snib
This function should select the option with the desired value.

Code:

function setSelected(optvalue)
{
 for(var i=0; i<this.options.length; i++)
 {
  if(this.options[i].value == optvalue)
  {
   this.options[i].selected = true;
   return true;
  }
 }
 return false;
}

//call the function
document.forms.your_form.your_selectbox.setSelected("#yourcfvalue#");

If the value is not found in all the options, the function will return false.

hth,

-Snib - http://www.snibworks.com
Where will you be in 100 years?

Clay Hess