javascript - 用于访问从模态框设置的 HTML 值的 JavaScript
问题描述
我试图了解如何在使用模态框从文件存储中选择图像后访问在 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
按钮才能完全填充值参数。
我已经尝试改变EventListener
以改变和关注,但我认为我应该瞄准别的东西 - 有什么建议吗?
解决方案
推荐阅读
- c# - 如何访问仅以数字结尾的不同控件
- r - 在R函数中不使用return修改对象
- reactjs - React-spring Transition 没有重复动画
- c# - 实体框架:多个查询与内部连接
- php - 正则表达式:制作“零次或一次出现”条件,但仅适用于最后一场比赛
- apache-spark - 任何线索如何加入这个火花结构的流连接?
- javascript - 如何使用 Java + Selenium WebDriver 移动到动态页面的底部
- python - 输入包含 NaN、无穷大或对于 dtype('float32') 来说太大的值。这个错误的解决方案是什么?
- android - 如何在文本到语音中使用男性声音?
- python-3.x - 逐列特定值计数