Question

我已经在这方面进行了很多搜索，但是没有找到适用于我案例的答案。希望有人可以提供帮助。

我有一个表单，我希望使用Javascript在表单中动态显示图像。

例如，在下面的代码中：

<td class='ee122'>
<img src="images/cnn.JPG">
</td>

我需要根据表单上其他位置的用户输入将“cnn”替换为不同的值，并且替换值基于以下代码：

<input value="" name="XLEW_5_3_6" id="XLEW_5_3_6" type="text" tabindex="-1"  
readonly="readonly" style='overflow:hidden; border:0px solid #000000;
 width:100% ' class='ee102'>

我可以通过连接输入ID或其他方式将其合并到第一个代码中吗？我只需要动态显示图像。感谢。

Answer 1

<td class='ee122'>
<img id="tableimage" src="images/cnn.JPG">
</td>

为图片添加ID

<input value="" name="XLEW_5_3_6" id="XLEW_5_3_6" type="text" tabindex="-1"  
readonly="readonly" style='overflow:hidden; border:0px solid #000000;
 width:100% ' class='ee102' onchange="changeImage()">

然后创建javascript函数来更改图像

function changeImage(){
    document.getElemtnById('tableimage').setAttribute('src', document.getElemtnById('XLEW_5_3_6').getAttribute('value'));
}

或者您可以使用jQuery更容易实现

$('#XLEW_5_3_6').change(function(){
    $('#tableimage').attr('src', $(this).val());
})

Answer 2

好的，我稍微调整了一下代码就解决了。以下是具有类似问题的任何人的未来参考：

function changeImage() {
document.getElementById('tableImage').setAttribute('src', document.formc.XLEW_5_3_6.value);
}

感谢大家！

如何将图像动态嵌入表格？

2 个答案: