更改 razor 页面上的下拉菜单选项时传递给 Modal 的 ID

Question

我有一个页面来编辑一些信息，在这个页面上我有一个打开模式的按钮，我创建下拉菜单，

<label class="select" style="width: 100% !important">
    @(Html.DropDownList("InteractingDrugId", Model.AllSubstances, new { @class = "select2 form-control",
              @style = "width: 50% !important",
              @data_placeholder = "Type drug to find" })
  )
</label>

模式的按钮使用Modal.ID来设置模式内的项目。

<a class="btn btn-warning edit-interaction-ref" href="javascript:void(0)" data-id="@(Model.ID)" data-toggle="tooltip" title="Edit References">
      <i class="fas fa-link"></i>
      References
</a>

一切正常，并且模式加载正确的信息，但如果我将下拉列表中的选项更改为不同的项目，模式中的数据将与页面上最初加载的数据保持一致。

当我更改下拉列表中的选项时，我还希望Modal.ID更改。

这可能吗？

Answer 1

您可以在更改选定值时尝试使用JS更改数据ID，但是您不能直接更改ZA5559B87068921EEC05086CE5485E9784Z.ID，因为它是Z240AA2CEC4B29C56C56C56F3BEE56BEE520A8DCEEE7E7E7E7E7E7E7E7E7E7E7E7E7E7E7E7 EABIALE ::

<script>
        $("#InteractingDrugId").change(function() {
            $("a.edit-interaction-ref").attr("data-id", $("#InteractingDrugId").val());
        })
</script>