Javascript 如何将图像动态嵌入到表中？

我已经在这方面搜索了很多，但没有找到一个适合我的答案。希望有人能帮忙

我有一个表单，我希望使用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或其他方式将其合并到第一个代码中吗？我只需要将图像动态显示。谢谢

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

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

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

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

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

---

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

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

---

谢谢大家

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

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

---

谢谢大家

您的图像与带有

input

字段的html有何关联？目前还没有。这就是我想弄明白的——将图像与输入链接的最佳方式是什么，以及可以使用什么代码动态加载图像。谢谢。你想做什么还不是很清楚，我不确定你期望你的产出是什么。你能在你的问题中发布你期望的输出吗？假设默认图像的来源是“images/cnn.JPG”，如上所示。但我希望加载其他图片，比如“images/bbc.JPG”或“images/nbc.JPG”，等等。加载的图片取决于上面显示的输入值（即“XLEW_5_3_6”）。因此，如果XLEW_5_3_6的值为“images/bbc.JPG”，则该图像将代替cnn加载。JPG您的图像如何与带有

输入

字段的html相关？当前不是。这就是我想弄明白的——将图像与输入链接的最佳方式是什么，以及可以使用什么代码动态加载图像。谢谢。你想做什么还不是很清楚，我不确定你期望你的产出是什么。你能在你的问题中发布你期望的输出吗？假设默认图像的来源是“images/cnn.JPG”，如上所示。但我希望加载其他图片，比如“images/bbc.JPG”或“images/nbc.JPG”，等等。加载的图片取决于上面显示的输入值（即“XLEW_5_3_6”）。因此，如果XLEW_5_3_6的值为“images/bbc.JPG”，那么该图像将代替cnn.JPGIs加载，除了使用setAttribute和getAttribute还有其他选择吗？他们似乎仍然面临跨浏览器问题。我也尝试了您发布的代码，但似乎不起作用。是否有其他方法可以替代使用setAttribute和getAttribute？他们似乎仍然面临跨浏览器问题。我也尝试过你发布的代码，但似乎不起作用。