Javascript 基于php下拉菜单中的更改更新文本框值

我有下面的函数来填充下拉列表。当用户更改下拉列表值时，我需要用值更新文本框。非常感谢就这一问题提供一些指导。谢谢

function populateEnrollment($value){
    foreach($value as $productid => $prod) if ($productid ==101){ 
    echo '<tr>';
    echo '<td width=350 class="tah11">'. $prod["name"] .'</td>' ;
    echo '<td width=80 class="tah11"><div align="center"> <select name="enrollName"id="enrollNameId" >';
    foreach ($prod["membershipType"] as $type){
           echo '<option value="' .$type["price"] .'">'.$type["name"] . ' at $' . $type["price"] . '</option>';                                                
    } // end of foreach membershipTypen                            
            echo '</select>';
            echo '</td>';               

    } // end of products foreach
echo '<td width=80 class="tah11"><div align="center"><input name="enrollCost" readonly type="text" id="enrollCostId" value="'.$type["price"].'"></td>';
echo '</tr>';
} // end of function populateEnrollment
?>

函数populateEnrollment（$value）{
如果（$productid==101）{
回声'；
回显'.$prod[“名称”].'；
回声'；
foreach（$prod[“membershipType”]作为$type）{
回显“.$type[“name”]。”位于“$”。$type[“price”]。”；
}//foreach membershipTypen的结尾
回声'；
回声'；
}//每个产品的结尾
回声'；
回声'；
}//函数populatenRoll的结尾
?>

---

在页面中的

标记之间插入此jQuery。

以下是一些Javascript，可以实现我认为您需要的功能：

document.getElementById('enrollNameId').addEventListener('change', function(){
   document.getElementById('enrollCostId').value = this.value;
});

---

我想我需要把它放在标签之间。这个页面是一个php文件，包含了另一个两层的页面，我刚刚添加了标签。我想这应该没问题。。。但是插入这个代码不起作用？我做错什么了吗？我想我需要把这个放在标签之间。这个页面是一个php文件，包含了另一个两层的页面，我刚刚添加了标签。我想这应该没问题。。。但是插入这个代码不起作用？我做错什么了吗？

document.getElementById('enrollNameId').addEventListener('change', function(){
   document.getElementById('enrollCostId').value = this.value;
});