Question

我必须发送这个＆＃39;数据策划的ID＆＃39;从我调用模态到模态的href并设置隐藏字段的值即必须设定价值＆＃39;模态形式对data-curated-id =＆＃39;＆lt;％= item.id％＆gt;＆＃39;的价值来自我的href链接

这是模态代码

<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='' />

这是调用模态的代码

<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');

＆＃13;

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

＆＃13;

<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>

＆＃13;

在rails

1 个答案: