如何使用jquery将选择数据传递到表单

Question

我有下面的按钮，可将数据传递给模态。我面临的问题是如何将信息从“数据选择”传递到模态表单中的选择部分？

按钮

<template id="my_module.web_layout" inherit_id="web.layout">
        <xpath expr="//link[@rel='shortcut icon']" position="after">
            <t t-set="favicon" t-value="request.env['ir.config_parameter'].get_param('my_module.favicon_url', '').strip()"/>
            <t t-if="favicon">
                <link rel="shortcut icon" t-att-href="favicon" type="image/x-icon"/>
            </t>
        </xpath>
</template>

jquery：

 <form-group>
    <button 
    class="btn btn-primary md-trigger" 
    type="button"
    data-question="{{ $question->question}}" 
    data-section="{{ $question->sections->name}}"
    data-toggle="modal"
    data-target="#edit-question">Edit</button>
    <button class="btn btn-danger">Delete</button>
 </form-group>

表格：

<script>
  $('#edit-question').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var modal = $(this)
    var question = button.data('question')
    var section = button.data('section')  
    modal.find('.modal-body #question').val(question);
    modal.find('.modal-body #section').val(section);
  })
</script>