JavaScript访问从模式框设置的HTML值

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

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

<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>

要打开模式框，用户按一次浏览按钮。我想在模式框关闭后，在id位置

promo1

和

tileOnePath

显示页面中选择的图像和文件路径。但是我的代码当前要求再次单击

浏览

按钮以完全填充值param

---

我已经尝试过改变

EventListener

来改变和集中注意力，但我认为我应该瞄准其他东西-有什么建议吗

您使用哪个库或插件访问该模式框？根据库或插件的不同，您应该能够收听隐藏/隐藏/关闭事件没有库或插件-它是使用JavaScript内置到系统应用程序中的。@RakeshGR如果您使用自己的自定义js访问模式框，则有“提交”或“取消”按钮，您应该能够为提交操作添加回调，或者添加在关闭/提交时调用的自定义事件

<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>

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); 
}