CodeIgniter Forums
using PHP id in Javascript - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forum-20.html)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forum-23.html)
+--- Thread: using PHP id in Javascript (/thread-54025.html)



using PHP id in Javascript - El Forum - 08-19-2012

[eluser]Byzs[/eluser]
Hello everybody, asking for a little help here, I'am trying to change an <option> value from Javascript using the id of the <select> which is dynamically generated by PHP.

this is my PHP code:

Code:
$modOr[0]="HCS";
$modOr[1]="CN";
$modOr[2]="CAD";
$modOr[3]="FG";
$modOr[4]="FOCSH";
$modOr[5]="FOCN";
$modOr[6]="FOAM";

for($m=0; $m<7; $m++)
{                                    
       echo("<select class='element select' id='curr".$modOr[$m]."'>");
}

and this is how I get access from the Javascript code:
Code:
document.getElementById("formName").currHCS.value = 1;


I have others <select> tags in the forms and they works fine when I try to access them from Javascript code...but their id is not dynamically generated, its just HTML.

I'am really stuck here, I don't if this is some CI problem or my code is wrong.
I added the id forum in the form_open like this:

Code:
$attributes = array('id' => 'formName');
echo form_open('',$attributes);

should I add the <select> id too?

Thanks, and sorry for the bad English ! Smile


using PHP id in Javascript - El Forum - 08-21-2012

[eluser]deed02392[/eluser]
You're creating multiple SELECT elements in this code, not one select element with <option>'s, which is what I think you are supposed to be doing.

You need to read about what the HTML for a proper SELECT looks like.

Then read about accessing options in a SELECT from JavaScript (preferably with a library, like jQuery).

This should give you enough knowledge to achieve what you want.


using PHP id in Javascript - El Forum - 08-21-2012

[eluser]Byzs[/eluser]
[quote author="deed02392" date="1345537616"]You're creating multiple SELECT elements in this code, not one select element with <option>'s, which is what I think you are supposed to be doing.

You need to read about what the HTML for a proper SELECT looks like.

Then read about accessing options in a SELECT from JavaScript (preferably with a library, like jQuery).

This should give you enough knowledge to achieve what you want.[/quote]

Thanks for the reply deed02392, yes I'am creating multiple's <select> to reduce the information per <select> I have.

What I did not include in this code (ouch) is that I'am creating multiple <options> per every <select>....anyway what I'am trying to archive is to select a specific option of a <select> throw an other <select> with Javascript.

Here it is the complete code:

Code:
$modOr[0]="HCS";
$modOr[1]="CN";
$modOr[2]="CAD";
$modOr[3]="FG";
$modOr[4]="FOCSH";
$modOr[5]="FOCN";
$modOr[6]="FOAM";

for($m=0; $m<7; $m++)
{
if($m==0)
    echo("<div id='div".$modOr[$m]."' ");
else
    echo("<div id='div".$modOr[$m]."' ");

echo("<select id='curr".$modOr[$m]."'>");

        foreach ($curr->result_array() as $cur)
        {
            if($cur["databaseTable"]==$modOr[$m]){
                echo("<option value='".$cur['databaseValue']."'>".$cur['databaseValue']."</option>");
            }
        }
echo("</select>");
echo("</div>");
}

Sorry for the mistake

PD: on line 12 there is a "style = 'display : block'" and for line 14 the same but with display "none"...that for some reason is not appearing, thats why I'am using the "if($m==0)"