Нужен простой способ преобразовать строку из формы html в объект

На странице я заполняю поля объекта, чтобы отправить его в виде json объекта на Rest контроллер, чтобы создать или отредактировать его. Одно из полей объекта это лист с именем roles, содержащий роль в виде {long id, String name} Когда я заполняю в форме поле select я могу в виде option передать туда только имя. в момент передачи содержимого формы на rest контроллер, мне нужно, чтобы передавалось не только имя, но и id role. Как лучше этого добиться? У меня пока содержимое формы отправляется так:

$("#ed_submit").on('click', function () {

        $.ajax({
            url: '/api/users',
            async: true,
            // dataType: 'json',
            contentType: "application/json",
            type: "PUT",
             data:
             JSON.stringify(   {
                id : jQuery('#id').val(),
                username: jQuery('#username').val(),
                password: jQuery('#password').val(),
                roles : jQuery('#roles').val()

            })

        })
    ```
 Фрагмент кода заполнения формы,отвечающий за лист ролей:
   

 $.ajax({
                    url: '/api/roles/',
                    method: 'get',
                    dataType: 'json',
                    contentType: "application/json",
                    success: function (result) {
                        $('#roles').empty();
                        $.each(result, function (k, v) {
                            var option = new Option(v.name, v.name);
                            $("#roles").append(option);
                        });

                    }
                })