Question

我试图了解如何使用模式框从文件存储中选择图像后访问DOM中设置的HTML值。

在触发模式框之前，以下HTML代码位于DOM中：

<div class="field">
  <input class="browse" id="tileOneImage_csBrowse" value="Browse Content Collection" title="Browse Content Collection" type="button">
  <input id="tileOneImage_selectedCSFile" name="tileOneImage_CSFile" value="" type="hidden">
  <input id="tileOneImage_selectedCSFileName" name="tileOneImage_linkTitle" type="hidden">
  <input id="tileOneImage_selectedCSFilePath" name="tileOneImage_CSFilePath" value="" type="hidden">
  <input id="tileOneImage_selectedCSFileSize" type="hidden">
  <input id="copyToPrivateDoc" value="false" type="hidden">
</div>

用户使用“模式框”选择图像后，将填充值参数：

<div class="field">
  <input class="disabled" id="tileOneImage_csBrowse" value="Browse Content Collection" title="Browse Content Collection" disabled="" type="button">
  <input id="tileOneImage_selectedCSFile" name="tileOneImage_CSFile" value="/xid-1602_1" type="hidden">
  <input id="tileOneImage_selectedCSFileName" name="tileOneImage_linkTitle" value="promo2.svg" type="hidden">
  <input id="tileOneImage_selectedCSFilePath" name="tileOneImage_CSFilePath" value="/xid-1602_1" type="hidden">
  <input id="tileOneImage_selectedCSFileSize" value="4967" type="hidden">
  <input id="copyToPrivateDoc" value="false" type="hidden">
</div>

我的JavaScript代码是：

var imageOneValue;
var finalImageOnePath;
var serverPath = document.getElementById('serverUrl').value;

document.getElementById('tileOneImage_csBrowse').addEventListener('click', promo1Path, true);

function promo1Path(e) {

    imageOneValue = document.getElementById('tileOneImage_selectedCSFilePath').value;
    finalImageOnePath = serverPath + "/bbcswebdav" + imageOneValue;

    document.getElementById('promo1').src = finalImageOnePath;                          
    document.getElementById('tileOnePath').setAttribute('value', finalImageOnePath); 
}

要打开模式框，用户需按一下Browse按钮。我想在模态框关闭后在页面ID位置promo1和tileOnePath上的页面中显示所选的图像和文件路径。但是我的代码当前需要再次单击Browse按钮才能完全使用value参数填充。

我尝试更改EventListener以进行更改和关注，但我认为我应该针对其他目标-有什么建议吗？

JavaScript可以访问通过模式框设置的HTML值

0 个答案: