Select Boxes and CFCs

Posts: 550 · Posted: Mon Nov 20, 2006 4:34 pm

Here's a stumping one..

I have a CFC that does a lot of my presentation building, and one of which is a generic function that generates a select box. It takes a few arguments such as the values, the form name, what should be selected and so on..

It builds it fine, but I can't get the value to be selected when it is returned to the browser. The Selected="selected" is in the right place.

Now here's the stumping part. If it take that SAME code via view source, and copy it into the page that is returning the string from the CFC it to the screen, the option is selected. Shocked

This is what is returned from the CFC:

Code:

<select name="CatID" id="CatID">
<option value=""></option>
<option value="1">Test Option</option>
<option value="2" selected="selected">Test Option 2</option>
</select>

Go a head, copy it into a new page and it will be selected, but when it's returned from the CFC it is not. It's almost like the browser is not evaluating the select first to highlight the selected.

Posts: 343 · Posted: Mon Nov 20, 2006 9:39 pm

Jason, this may sound dumb, but check that the markup and closing of your labels is correct. That has caused me hours of misery, often even preventing forms from being filled out. Also, have you tried it in multiple browsers?[/code][/quote]

Posts: 343 · Posted: Mon Nov 20, 2006 9:46 pm

EDIT: Jason, I remember that I ran into this problem too, except in Ruby on Rails... Honestly, I didn't manage to solve it either. I cheated. Cool

Code:

<select name="CatID" id="CatID">
<option value="" id="Cat"></option>
<option value="1" id="Cat1">Test Option</option>
<option value="2" id="Cat2">Test Option 2</option>
</select>
<script type="text/javascript">
document.getElementById("Cat2").setAttribute("selected","selected");
</script>

Posts: 550 · Posted: Mon Nov 20, 2006 9:53 pm

comprug wrote:

EDIT: Jason, I remember that I ran into this problem too, except in Ruby on Rails... Honestly, I didn't manage to solve it either. I cheated. Cool

Code:

<select name="CatID" id="CatID">
<option value="" id="Cat"></option>
<option value="1" id="Cat1">Test Option</option>
<option value="2" id="Cat2">Test Option 2</option>
</select>
<script type="text/javascript">
document.getElementById("Cat2").setAttribute("selected","selected");
</script>

AHH! Nice cheat indeed! I will give it a shot.

Thanks!

Posts: 83 · Posted: Thu Nov 23, 2006 4:57 am

Jason,

I do not recall syntax.. Should <option value="2" selected="selected">Test Option 2</option> be <option value="2" selected>Test Option 2</option> ?

Posts: 550 · Posted: Fri Nov 24, 2006 1:31 am

Shaji wrote:

<option value="2" selected>Test Option 2</option> ?

Just having "selected" is not valid XHTML. Selected="select" is proper XHTML. (Although I could be wrong Smile

)