通过引导模式传递多个数据

2022-01-17 00:00:00 modal-dialog javascript twitter-bootstrap

我正在尝试使用 data-todo 属性对多个数据执行相同的操作，但它不起作用.你能帮帮我吗?

I'm trying to do the same with multiple data, with data-todo attribute, but it doesn't work. Could you help me?

JAVASCRIPT:

JAVASCRIPT:

$(document).on("click", ".open-EditTodo", function () {
    var todoId = $(this).data('id');
    var todoName = $(this).data('todo');
    $(".modal-body #todoId").val( todoId );
    $(".modal-body $todoName").val( todoName );
});

HTML:

<a href="#editTodoDialog" class="open-EditTodo btn btn-warning" data-toggle="modal" data-id="$todo_id" data-todo="$todo_name">EDIT</a>

<div class="modal fade" tabindex="-1" role="dialog" style="margin-top: 200px;" id="editTodoDialog">
  <div class="modal-dialog" align="center">
    <div class="modal-content" style="width: 350px;">
      <div class="modal-header" align="left">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">Edit to-do:</h4>
      </div>
      <div class="modal-body" align="center" style="height: 65px;">
        <form class="form-inline" role="form" method="post" action="todo.php">
          <div class="form-group">
            <input type="text" name="todoName" id="todoName" value="" class="form-control" style="width: 230px;">
            <input type="hidden" name="todoId" id="todoId" value="">
            <button type="submit" class="btn btn-warning"><span class="glyphicon glyphicon-edit"></span> Edit</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

顺便说一下，data-id 工作正常，但 data-todo 不行.

By the way, data-id works just fine, but data-todo doesn't.

推荐答案

你可以把这两个数据项放在一起.

You can put those two data items together.

例如:

<a id="todolink" href="#editTodoDialog" class="open-EditTodo btn btn-warning" data-toggle="modal" data-todo='{"id":12,"todo":"xyz"}'>EDIT</a>

现在您可以像这样检索数组:

Now you can retrieve the array like this:

var todoId = $('#todolink').data('todo').id;

var todoId = $('#todolink').data('todo').id;

var todo = $('#todolink').data('todo').todo;

var todo = $('#todolink').data('todo').todo;

相关文章