Question

我想根据我的字段中的选定值更改我的图像和说明。我已经做到了，但问题是我只能使用.val（）来描述和图像。

我现在正处于测试阶段，之后我完成了jQuery 我将从数据库中获取值这是我的Javascript：

angular.module('workhelpr.components.services.gridService', [])
.factory('gridServiceApi', function () {
  return { test:5 };
});

这是我的HTML代码：

mainCtrl.$inject = ['gridServiceApi'];
function mainCtrl(gridServiceApi) {
  var $ctrl = this;

  //gridServiceApi.test();

}

现在的输出是这样的：
我得到了图像然后是前（1.jpg）

我的问题是，如果图像名称和描述都相同，例如图像名称将是FGC.jpg的在线门户，那就不太好了，描述也就是这样。< / p>

Answer 1

如果我没记错的话：

$('#description').html($(this).find( "option:selected" ).text());

Answer 2

你走了：

$("#field_6").change(function() {
    $('#description').html($(':selected', this).text());
    $('#image').attr("src", base_url + "img/" + $(this).val());
}).change();

Answer 3

<script>
var base_url = "<?php echo base_url();?>";
$(document).ready(function() {
    $("#field_6").change(function() {

        $('#description').html($(this).find('option:selected').attr("data-description"));
        $('#image').attr("src", base_url + "img/" + $(this).val());

    }).change();
});
</script>

Answer 4

在这里，厌倦了在评论中说话。您的更改位于选择框中，因此您无法在未找到选项的情况下获取选项的数据属性，需要添加“查找选项”部分。

Visit

使用select更改图像和描述

4 个答案: