将getElementbyID转换为Form Field值

时间:2014-01-18 20:39:16

标签: javascript form-fields

我正在使用“付费”幻灯片供应商提供的规定javascript。它通过getElementbyID()使用他们的API为我提供了一个值。每次选择不同的图像以“查看大”时,该值都会更改。

我需要将值(例如IMG_0001.jpg)显示在特定的“隐藏”表单字段中,以便在提交表单时继续使用。我可以成功地将它放在页面上的任何其他位置,带有带有相应id的DIV标记,但我不知道如何将值写入表单字段。

是否有其他方法可以调用该值(除了使用DIV和id),以便可以将其输入到表单字段的“值”中?

表单字段必须为“隐藏”且名称必须为“item_number”,否则可以使其他任何属性(如id,class或value)适合。

1 个答案:

答案 0 :(得分:0)

你应该在你的问题中显示你所指的'id'是什么,所以我们不必猜测,但我怀疑你说你有

<img id="somename" src="IMG_0001.jpg" />

然后在你的javascript中你有

var selected_item = document.getElementById('somename');

现在您想将src标记放入表单

var form = document.getElementById('myForm');
var new_input = document.createElement('input');
new_input.type='hidden';
new_input.name='somename';
new_input.value=selected_item.getAttribute('src');
form.append(new_input);

这将为表单的隐藏字段添加隐藏属性。当然,您还没有向我们提供表单的名称,它的ID,您要添加的内容,或者您​​从中获取数据的位置,因此必须根据您的具体情况更新其中的大部分内容。