Jquery 将HTML数据属性传递给语义UI模式

我有一个项目列表，每个项目都有不同的数据类型，单击该列表时，我希望将数据类型=“name”作为变量传递给语义UI模式

<a class="segment__item u-cf" id="modal" data-type="name">
    ...
</a>

---

但是，我希望在不创建多个模式实例的情况下对所有项目使用相同的模式（标题为数据类型“name”），并且我不确定如何将数据传递给它？

数据类型不应该一直更改。。。我会在模式中使用隐藏的
输入
，以处理更改的值：

HTML:

这个问题已由@wafield回答。但是，如果对其他人有帮助，这里有一个更详细的解释：

$('.segment__item').click(function() {
    $pagetype = $(this).data('type');
    $('#modal-newpage')
        .modal('show')
        .modal('setting', 'duration', 280)
        .modal('setting', 'closable', false);
    $('h1.modal__title').text("New " + $pagetype + " page");
    $('form').attr('action', $('form').attr('action') + $pagetype);
    $('input[name=page_type]').val($pagetype);
});

谢谢你，今天才有机会做这件事。这真的很有帮助。
<div id="modal" class="ui modal">
  <input class="type" type="hidden">
  ...
</div>

$('button').click(function() {
  $('#modal input.type').val('name');
  $('#modal').modal('show');
  ...
})

$('.segment__item').click(function() {
    $pagetype = $(this).data('type');
    $('#modal-newpage')
        .modal('show')
        .modal('setting', 'duration', 280)
        .modal('setting', 'closable', false);
    $('h1.modal__title').text("New " + $pagetype + " page");
    $('form').attr('action', $('form').attr('action') + $pagetype);
    $('input[name=page_type]').val($pagetype);
});