操纵html字符串中的元素

时间:2017-07-06 05:38:06

标签: javascript jquery

我有以下模板。

<script id="signoff-form" type="text/plain">
    <form method="POST" action="" accept-charset="UTF-8" role="form">
        <input name="_token" type="hidden" value="{{ csrf_token() }}">
        <input name="task_id" value="" id="task_id">
    </form>
</script>

现在我想设置操作的URL并设置task_id输入的值。

var href = $(this).attr('href');
var task = $(this).data('task-id');

var form = $("#signoff-form").html();

这会处理URL部分,但我无法确定如何设置它们。

$(form).attr('action', href).appendTo('body');

非常感谢您的专业知识。

感谢。

1 个答案:

答案 0 :(得分:0)

通过name属性获取id或gen元素,并更新input元素的值。

$(form).attr('action', href).appendTo('body').find('[name="task_id"]').val(task);

// or by id

$(form).attr('action', href).appendTo('body').find('#task_id').val(task);

&#13;
&#13;
var href = '/abc';
var task = 'POST';
var form = $("#signoff-form").html();


$(form).attr('action', href).appendTo('body').find('[name="task_id"]').val(task);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script id="signoff-form" type="text/plain">
  <form method="POST" action="" accept-charset="UTF-8" role="form">
    <input name="_token" type="hidden" value="{{ csrf_token() }}">
    <input name="task_id" value="" id="task_id">
  </form>
</script>
&#13;
&#13;
&#13;