Updating an input field after a select field is selected

[fgregory54]

I have scoured the google searches and haven't run across an answer to this question.

I have a Select field that gets values from a database. That part works fine.
The database contains four fields: specialistid, name, cell, email

I would like for the user to select from a dropdown select and then have the phone and email appear in text boxes below. (I used input text boxes hoping that would make it easier on JS.)

Here is the JS:

<script>
    function DeliveryFormSpecialistInfo() {
        var mspecialist = document.getElementsByName("mspecialist").item(0);
        var mengphone   = document.getElementsByName("mengphone").item(0);
        var mengemail   = document.getElementsByName("mengemail").item(0);

        mengphone.value = mengphone;
        mengemail.value = mengphone;
    }
</script>

Here is the PHP code to set it all up:

    <fieldset><legend> Specialist Information </legend>
        <table>
            <tr>
                <td><label>Specialist:</label></td>
                <td>";

                    $query = "select * from specialist order by name";
                    $result = $pdo->query($query);

                    $TBlock .= "
                        <select name='mspecialist' required>";
                    // If no specialist selected, prompt for one
                    if (empty($mspecialist)) $TBlock .= "<option value = '0'>Select a Specilist</option>";
                    while ($row = $result->fetch()) {
                        $mspecialistid = $row['specialistid'];
                        $mengineer = $row['name'];
                        $mengphone = $row['cell'];
                        $mengemail = $row['email'];

                        if ((!empty($mspecialist)) && ($mspecialist == $row['specialistid'])) {
                            $TBlock .= "<option selected = 'selected'>".$mengineer;
                        }else{
                            $TBlock .= "<option>".$mengineer;
                        }
                        $TBlock .= "</option>";
                    }
                    $TBlock .= "
                    onChange='DeliveryFormSpecialistInfo()'</select>
                    </td>
            </tr>

            <tr>
                <td><label>Cell Phone #:</label></td>
                <td><input type='text' name='mengphone' id='mengphone' value='$mengphone' readonly</td>
            </tr>

            <tr>
                <td><label>E-mail:</label></td>
                <td><input type='text' name='mengemail' id='mengemail' value = '$mengemail' readonly></td>
            </tr>
        </table>
    </fieldset>

[Taywin]

What is line 28??? If you want to use the onchange event, you need to put/attach the event to the select tag. To me, it looks like the code line is hanging inside, not one of the property of the select tag...

//i.e.
<select id="blah" name="dbl_blah" onchange="ChangIt('arg1')">
...
</select>

[fgregory54]

This is all part of a PHP code set, where $Tblock is used as the var to setup the page. Line 28 is part of $TBlock .= "onChange='DeliveryFormSpecialistInfo()'</select> All the code above it is the while loop to setup the choices.

[Taywin]

Ah ok. Line 34, missing the close > for input.

Then your question is how to pass variable to JavaScript function via PHP? If so this thread already discussed about it.

[fgregory54]

OK, closed that input line .. I HATE it when I miss those .. but still not working.

No, my question was NOT how to pass arguments in php. My question was, and still is, how to get JS to change the value of those two input statements with the information gathered from the document.getElementsByName lines. It worked with a math problem I found online, and I tried that technique here to get the input lines to change. But not having any luck.