将data-id值放入表单操作

时间:2018-10-24 09:18:09

标签: javascript jquery

我有一个按钮可以在数组中传递数据。

<a data-toggle="modal" data-id='["id12345", "abdce"]' class="open-EditNetworkDialog btn btn-primary" href="#editForm">Edit</a>

当我单击按钮时,将以下javascript代码运行到带有表单的模式中。我的意图是将某些值传递给表单的输入文本框。并在action =“”中传递一个值。

$(document).on("click", ".open-EditNetworkDialog", function () {
    var varAccountDetail = $(this).data('id');
    $(".modal-body #network").val( varAccountDetail[0] );
    $(".modal-body #name").val( varAccountDetail[1] );
});

我能够将值“ abcde”发送到表单的输入。 如何将表单操作替换为值“ id12345”? 例如。 <form action="id12345">

<div class="modal fade" id="editForm" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="">
            <div class="form-group">Name: <input class="form-control" type="text" name="Name" id="name" value=""></div>
            <div class="form-group">
                <button class="btn btn-lg btn-primary btn-block">Submit</button>
            </div>
        </form>
      </div>
    </div>
  </div>
</div>

3 个答案:

答案 0 :(得分:0)

只需使用attr来更改form标签的操作

JS代码-

$('form').attr('action', '<Value that you want to put in action>');

在您的情况下,它应该类似于以下内容

$('form').attr('action', varAccountDetail[0]);

答案 1 :(得分:0)

欢迎来到社区。!

您可以使用此单行代码来更改表单的操作。

$('form').attr('action', 'id12345');

id12345可以用您的变量进行更改,如下所示:

$('form').attr('action', varAccountDetail[0]);

答案 2 :(得分:0)

如果您要编辑表单操作

$('form').attr('action', varAccountDetail[0]);