操作 html 字符串中的元素

Question

>我有以下模板。

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

您的专业知识将不胜感激。

谢谢。

Answer 1

通过 id 获取元素，或通过 name 属性获取 gen，并更新输入元素的值。

$(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);

var href = '/abc';
var task = 'POST';
var form = $("#signoff-form").html();
$(form).attr('action', href).appendTo('body').find('[name="task_id"]').val(task);

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