Question

我目前有一段javascript，它从php动态下拉菜单中获取值和所选文本，并将其传递到输入框进行编辑。

问题：

我如何通过javascript传递一个php项目，以便在选中时显示所选值的特定图像？

如何将所选文本回显到选择的输入框？

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

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

</select>

Answer 1

<select name="captionSelect" id="captionSelect">
    <?php
        foreach ($get_images as $image){
            echo '<option title="'.$image['thumbname'].'" value="'.$image['id'].'" id="captionOption_'.$image['id'].'">'.$image['description'].'</option>';
        };
    ?>
</select>
<input id="captionInput" type="text" />
<img id="preview" />

<script type="text/javascript">
    $('#captionSelect').change(function(){
        var id = $(this).val();
        var caption = $('#captionOption_' + id).html();
        var thumbname = $('#captionOption_' + id).attr('title');
        $('#captionInput').val(caption);
        $('#preview').attr('src', '/path/to/pictures/' + thumbname + '.jpg');
    });
</script>

显示特定图形onchange

1 个答案: