通过javascript在ruby on rails中传递项目ID值

Question

我必须将这个“data-curated-id”从调用模态的 href 发送到它的模态，并设置隐藏字段的值 IE。 必须将模态形式的“值”设置为我的 href 链接中的 data-curated-id ='' 的值

这里是模态代码

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form role="form" action="<%= duplicate_curated_items_path %>" method="post" enctype="multipart/form-data">
        <input name="data_curated_id" type="hidden" value='' />

这里是调用modal的代码

<a href ="#" class="tabledit-edit-button btn btn-sm btn-default"    id = "myButton" data-curated-id ='<%= item.id %>' >
                      Duplicate

===javascript 代码====

 $(document).on("click", ".tabledit-edit-button", function () {
        var Idimp = $(this).data('data-curated-id');
        $(".modal-content #data_curated_id").val(Idimp)
        $('#myModal').modal('show');  
    });

我尝试了这个 javascript 代码，但它不起作用

Answer 1

您没有使用 .data() 方法的正确密钥。删除data- 然后使用camelCase

Dataset API Specification

对于列表中的每个名称，对于名称中后跟小写 ASCII 字母的每个 U+002D HYPHEN-MINUS 字符 (-)，删除 U+002D HYPHEN-MINUS 字符 (-) 并替换后跟相同的 ASCII 大写字符。

使用

 var Idimp = $(this).data('curatedId');

而不是

 var Idimp = $(this).data('data-curated-id');

$(document).on("click", ".tabledit-edit-button", function() {
  var Idimp = $(this).data('curatedId');
  console.log(Idimp)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="tabledit-edit-button btn btn-sm btn-default" id="myButton" data-curated-id='1'>1</a>