onchange нести выделенный текст и скрытое значение как?

Question

У меня есть динамически заполняющееся выпадающее меню PHP, которое собирает следующую информацию из базы данных:

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

Затем у меня есть функция JavaScript, которая показывает выбранный текст - описание в поле ввода для редактирования, а затемпри отправке обновления обратно в базу данных.

Вопрос : Можно ли использовать javascript, чтобы я мог передать id и описание вместе, но толькоописание отображается в поле ввода для редактирования?

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

Answer 1

вы можете попробовать это.

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

Спасибо.

Answer 2

Вам необходимо добавить скрытое поле формы в форму.

Затем вы можете использовать:

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

Я добавил $selected, чтобы избежать многократного поиска.

Answer 3

Привет, Джесс. Попробуй это ....

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