Javascript 自动填充表单中的字段

我有一个页面，上面有30张照片。单击照片会打开一个表单。表单中的第一个字段是“照片名称”

如何自动将特定照片的名称填充到第一个字段？其余的照片依此类推

更新：

照片的名称将是文件名。例如，对于“28252896.png”，它将如下所示：

<div class="lbm-column width-33">
    <p>
        <img src="Images/Screenshots/Tennis/28252896.png" width="300" height="199" class="scalable" alt="">
    </p>
</div>

<form class="" action="#" method="post">
  <label>Photo name <input id="photoName" type="text" name="..." value=""></label>
  ...
</form>

一种方法是为链接提供url参数

例如：

<div class="lbm-column width-33">
  <p><a target="new" href="form2.html?name=10205157_m.png"><img src="Images/Screenshots/Golf/10205157_m.png" width="300" height="200" class="scalable" alt=""></a></p>
</div>

然后使用一些JavaScript（函数来自）

var photoNameField=document.getElementById（'photoName'）；
var photoName=GetURLParameter（“名称”）；
if（照片名称）{
photoNameField.value=photoName；
}
函数GetURLParameter（sParam）
{
var sPageURL=window.location.search.substring（1）；
var sURLVariables=sPageURL.split（'&'）；
对于（变量i=0；i

---

这将从url中获取

name

参数的值，并更改输入字段的值以匹配。

嗨，朋友，首先，当您加载所有照片时，您已经设置或获取了名称，可以使用atribute，单击此处时，您发送名称，请向我们显示一些代码。它很难帮助你与给定的信息将照片的名称只是文件名？或者文件名的派生名称？是的，它将是照片文件名-在本例中，28252896.png，

您需要提供更多信息。HTML页面上与

img

/

div

相关的表单在哪里？最好只提供您的HTML，这样我们就可以看到您正在使用的内容。

<script type="text/javascript">
var photoNameField = document.getElementById('photoName');
var photoName = GetURLParameter("name");
if (photoName){
  photoNameField.value = photoName;
}

function GetURLParameter(sParam)
{
  var sPageURL = window.location.search.substring(1);
  var sURLVariables = sPageURL.split('&');
  for (var i = 0; i < sURLVariables.length; i++)
  {
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam){
      return sParameterName[1];
    }
  }
}
</script>