Question

如何将javascript中的变量（imageS）传递给我的HTML表单的隐藏字段？

<div class="popup">
    <form action="myphp.php" method="POST">
        <label for="name">Name</label>
        <input type="text" name="name"><br /><br />
        <input type="hidden" name="location">
        <input type="submit" name="submit" value="Submit">
    </form>
</div>

JS

var imageX = 'www.myweb.com/images/'+image+'.jpg';

Answer 1

document.forms[0].location.value = imageX;

Answer 2

拥有隐藏输入的ID，例如id="imagePath"

 <input type="hidden" name="location" id="imagePath">

现在使用如下的javascript，

var imageX = 'www.myweb.com/images/'+image+'.jpg';
document.getElementById("imagePath").value = imageX;

Answer 3

给你一个id属性隐藏字段...

<input type="hidden" name="location" id="location">

然后使用javascript将该属性的值设置为imageX值。

var imageX = 'www.myweb.com/images/'+image+'.jpg';
document.getElementById("location").value=imageX;

Answer 4

您可以使用：

document.forms[0].elements["location"].value = imageX;

Answer 5

你可以附加onclick事件并调用js函数为隐藏输入赋值

HTML：

<div class="popup">
        <form action="myphp.php" method="POST">
        <label for="name">Name</label>
        <input type="text" name="name"><br /><br />
        <input type="hidden" name="location">
        <input type="submit" name="submit" value="Submit" onclick='passImg();'>
       </form>
       </div>

JS：

function passImg(){
var imageX = 'www.myweb.com/images/'+image+'.jpg';
var a= $('[name="location"]').val(imageX);
}

将变量传递给表单

5 个答案: