Question

我有下面的函数填充下拉列表。当用户更改下拉列值时，我需要使用值更新文本框。关于这个问题的一些指导将非常感谢。谢谢！！

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
?>

Answer 1

$( "option" ).change(function() {
  $("#enrollCostId").html() = $(this).val();
});

在<script>标记之间的页面中插入此jQuery。

Answer 2

这里有一些Javascript将实现我认为你正在寻找的东西：

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

JSFiddle

根据php中下拉菜单中的更改更新文本框值

2 个答案: