Question

所以基本上我正在尝试做的是更新图像scr而不刷新网站。好吧，如果我刷新网站但用户无法看到他选择的图像，它就有效。因此用户需要先刷新页面。

img标签 <img class="tInput" id="ImageType" src="<?php echo $this->item->houses_ImageType; ?>" alt="0" />

这是一个自动填充表单，文本有效。 <input class="tInput" type="text" name="house_video" id="video" size="50" maxlength="250" value="<?php echo $this->houses->video; ?>" />

<input name="house_title" value="<?php echo $this->houses->house_title; ?>" class="tInput" id="game_title" tabindex="1"/>

javascript代码

                $itemrow.find('#house_title').val(ui.item.itemTitle);
                $itemrow.find('#House_Type').val(ui.item.HouseType);
                $itemrow.find('#ImageType').val(ui.item.ImageType);
                $itemrow.find('#house_video').val(ui.item.itemVideo);

在我的joomla网站上我创建了一个小组件（有一些帮助），在那里我创建了一个带有房屋标题，图像，视频等的字段......它连接到我的数据库，图像的数据库字段只是一个文本框。在那里我把图像路径（/ images / items / house145.jpg）就是这样。

如果用户希望搜索包含3间卧室的房子，那么所有信息都会自动填充，也会显示图像字段，但您需要刷新页面然后图像才会显示。如果用户搜索5间卧室，那么他需要再次刷新页面，因为3间卧室的图像仍在显示。

我错过了什么？

Answer 1

您无法使用val功能更改图片来源。您可以通过更改src属性的值来实现。

 $(elem).attr('src', newSource);

所以在你的情况下：

 $itemrow.find('#House_Type').attr('src', ui.item.HouseType);

 $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

Answer 2

谢谢大家，我做了一些事情......如果我把 attr ...全部放在那里，那么只有图像可以工作，文本框不行。现在这个工作了！

        $itemrow.find('#house_title').val(ui.item.itemTitle);
        $itemrow.find('#House_Type').val(ui.item.HouseType);
        $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

Answer 3

根据ceejayoz的评论，请使用.attr（＆＃39; src＆＃39;）代替.val（）。

$itemrow.find('#house_title').attr('src', ui.item.itemTitle);
$itemrow.find('#House_Type').attr('src', ui.item.HouseType);
$itemrow.find('#ImageType').attr('src', ui.item.ImageType);
$itemrow.find('#house_video').attr('src', ui.item.itemVideo);

Img scr没有更新

3 个答案: