动态下拉选择

Question

我想要做的是当从我的下拉菜单中选择一个项目时，它会显示一个输入框，并在下拉菜单中选择了描述，以便可以将其编辑并更新回数据库，< / p>

我不确定如何处理javascript：

下拉代码：

<select name="captionSelect" id="captionSelect">
    <?php foreach ($get_images as $image){
        echo '<option value="'.$image['id'].'">'.$image['description'].'</option>';
    };
    ?>

</select>

Answer 1

假设您的输入具有id'captionInput'，这里是一个示例代码，用于显示带有下拉列表选定值的输入：

$('#captionSelect').change(function(){
    $('#captionInput').val($("#captionSelect option:selected").text()).show();
});

Answer 2

将onchange事件添加到调用函数的select中。该函数可以直接更新另一个元素，也可以执行ajax调用以即时获取描述。