Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
放置JavaScript';将变量转换为隐藏的输入类型_Javascript_Jquery - Fatal编程技术网

放置JavaScript';将变量转换为隐藏的输入类型

放置JavaScript';将变量转换为隐藏的输入类型,javascript,jquery,Javascript,Jquery,我有一个表单可以让用户上传图片并把图片拖到用户喜欢的位置 我使用jQuery查找位置 var top=parseFloat($("#preview_image").css('top')); var left=parseFloat($("#preview_image").css('left')); <form action='image.php' method='post' enctype="multipart/form-data"> <input type='file'>

我有一个表单可以让用户上传图片并把图片拖到用户喜欢的位置

我使用jQuery查找位置

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='submit'>
</form>

因此,我可以将这两个数据发布到下一页

尝试以下方法:

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

$('#preview_image_top').val(top);
$('#preview_image_left').val(left);

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='hidden' value='' name='preview_image_top' id='preview_image_top'>
<input type='hidden' value='' name='preview_image_left' id='preview_image_left'>
<input type='submit'>
</form>
var-top=parseFloat($(“#预览_图像”).css('top');
var left=parseFloat($(“#预览_图像”).css('left');
$('#预览_图像_顶部').val(顶部);
$(“#预览_图像_左”).val(左);
$('form')。追加(

$('这将是最简单的方法。创建,分配各自的值和名称,并将它们附加到

var top=parseFloat($('#preview_image').css('top')),
left=parseFloat($('#preview_image').css('left');
$('').attr({
键入:“隐藏”,
价值:顶部,
名称:'顶级'
}).附录(“形式”);
$('').attr({
键入:“隐藏”,
值:左,
姓名:'左'
}).附录(“形式”);

将这些代码放在您的
文档中。准备就绪
,它将工作:

$('form').append($('<input type="hidden" name="top"').val(top),$('<input type="hidden" name="left"').val(left));

$('form')。append($('Yes)。您尝试过吗?是的,只需创建输入元素,将其类型设置为隐藏,创建名称和值属性并将其附加到表单中。使用jQuery应该是一项简单的任务。您可以只选择隐藏的输入字段在发送表单之前,用jQuery设置它们的值。哦,我不知道jQuery可以做到这一点,哈哈,谢谢!
$('form').append(
  $('<input type="hidden" name="top"').val(top),
  $('<input type="hidden" name="left"').val(left)
)
var top = parseFloat($('#preview_image').css('top')),
    left = parseFloat($('#preview_image').css('left'));

$('<input>').attr({
    type: 'hidden',
    value: top,
    name: 'top'
}).appendTo('form');

$('<input>').attr({
    type: 'hidden',
    value: left,
    name: 'left'
}).appendTo('form');
$('form').append($('<input type="hidden" name="top"').val(top),$('<input type="hidden" name="left"').val(left));