onchange如何携带选定的文本和隐藏的值

How does onchange carry selected text and hidden value?

本文关键字：文本 隐藏 何携带 onchange      更新时间：2023-09-26

我有一个动态填充的PHP下拉菜单，从数据库中收集以下信息:

echo '<option value="'.$image['id'].'">'.$image['description'].'</option>';

然后我有一个JavaScript函数，在输入框中显示所选的文本描述，供编辑，然后提交更新回数据库。

问题:是否有使用JavaScript，我可以通过id和描述在一起，但只有在输入框中显示用于编辑的描述?

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

你可以试试这个

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

谢谢。

hello jess试试这个....

 $('#captionSelect').change(function(){
            $('#captionInput').val($("#captionSelect").val());
    });

您需要在表单中添加一个隐藏的表单字段。

那么你可以使用:

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

我添加了$selected以避免多次查找。

相关文章：