Javascript Drop Down boxes adding PHP code

Question

var abc = new Array('Perth','Auckland');

case '1':
    document.getElementById(q15).options.length = 0;
    for (i = 0; i < abc.length; i++) {
        createOption(document.getElementById(q15), abc[i], abc.[i]);
    }
break;

var opt = document.createElement('option');
    opt.value = value;
    opt.text = text;
ddl.options.add(opt);

The above code outputs the following:

<option value="1">Perth</option>
<option value="2">Auckland</option>

However, I need to add some PHP to calculate if the option is selected when the page loads, so the output should look something like this:

<option value="1" <?php if ($results['abc']==1) echo "selected";?>>Perth</option>
<option value="2" <?php if ($results['abc']==2) echo "selected";?>>Auckland</option>

However, I'm struggling with the Selected option in the Javascript to add this an option and add it to the drop down list.

Any help appreciated.

Thanks,

H.

Did you provide all of the javascript code, because I tried to read it, and only bits and pieces of it makes sense... :P — Kevin Johnson
– Kevin Johnson, Commented Aug 19, 2012 at 14:56
The challenge is that when the page loads, if a drop down option has already been selected (saved in a DB) then when the page loads, the option is auto selected. It works fine when I code in the Drop downs manually but I need this to happen when I'm using Javascript to populate and create the Drop Downs. — Homer_J
– Homer_J, Commented Aug 19, 2012 at 15:20

Kevin Johnson · Accepted Answer · 2012-08-19 15:08:54Z

1

Two things,

First,

You can set the selected attribute using JavaScript by doing domelement.setAttribute("selected","selected");

I think that is what your original question is about.

Second,

You can't add PHP code using javascript, because PHP runs at the server before your browser gets the code.

I'd use PHP to store the $results variable into a javascript variable and use that to set selected.

var results = ["<?php echo implode ('","', $results); ?>"]   /*Get the results array from PHP to javascript.*/


var abc = new Array('Perth','Auckland');

case '1':
    document.getElementById(q15).options.length = 0;
    for (i = 0; i < abc.length; i++) {
        createOption(document.getElementById(q15), abc[i], abc.[i]);
    }
break;

var opt = document.createElement('option');
    opt.value = value;
    opt.text = text;
ddl.options.add(opt);
/*add the "selected" attribute to options that results['abc'] == <number>*/

edited Aug 19, 2012 at 15:08

answered Aug 19, 2012 at 14:47

Kevin Johnson

9357 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Homer_J Over a year ago

Thanks - figured that might be the case.

Homer_J Over a year ago

Thanks Kevin - will have a play shortly.

Homer_J Over a year ago

Will do - it'll be a while but left page open to ensure I do.

Homer_J Over a year ago

@Kevin_Johnson - OK just started playing...having problems imploding the results - the value of results is showing "<?php echo implode ('","', $results); ?>"

Kevin Johnson Over a year ago

Are you interpreting this with PHP? What server language is the rest of the page in?

|

techn1cs · Accepted Answer · 2012-08-19 15:04:02Z

0

Where is $results coming from? If it's something you are operating on in the PHP logic during page creation, then I assume you're specifically asking about why the select item isn't properly being selected?

<option value="1" <?php if ($results['abc']==1) echo "selected";?>>Perth</option>

That should actually be setting the selected attribute to the value "selected" (rather than just printing selected word alone). So, it should be:

<option value="1" <?php if ($results['abc']==1) echo "selected=\"selected\"";?>>Perth</option>

answered Aug 19, 2012 at 15:04

techn1cs

463 bronze badges

3 Comments

Kevin Johnson Over a year ago

I think that @Homer_J is trying to create the attributes using JavaScript.

Homer_J Over a year ago

Correct Kevin, via Javascript.

techn1cs Over a year ago

Sorry for the misunderstanding guys. I'm new here, so what's proper etiquette? (i.e., delete my answer entirely?)

Collectives™ on Stack Overflow

Javascript Drop Down boxes adding PHP code

2 Answers 2

8 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related