Question

当按下超链接或按钮时，它将扣除输入字段中的数字，并且两次都会执行此操作。这很有效。

现在我有3张图片：1.jpg，2.jpg和3.jpg。我想根据输入字段中的数字显示此图像。所以我补充说：

<div id="img_select"><img src="test/images/3.jpg" alt=""></div>

现在，如果用户单击按钮或超链接，则nr将从3更改为2.发生这种情况时，图像也应从“test / images / 3.jpg”更改为“test / images / 2”。 jpg“，但是如何用jQuery做到这一点？（所以输入字段中的nr对应于.jpg中的nr）

玩弄了这个：

$(function () {
    $('#image_select').attr('img_', {
        'child': 'img',
        'change': 'src',
        'formatValue': function (value) { 
            return 'test/images/' + value + '.jpg'
        }
    });
});

但没有运气。

亲切的问候，

莫里斯

Answer 1

尝试 -

$(document).ready(function() {
    $(".minus").one("click", function(){
        var value = parseInt($("#sum").val());
        value = value - 1;
        $("#sum").val(value);
        $("#img_select > img").attr("src","test/images/" + value + ".jpg")
    });
});

这应该只是将您的字段值连接到图像字符串中，然后将其插入到图像的src attribut`中。您可能还需要添加一些代码以防止您的值低于1。

Answer 2

这样做：

http://jsfiddle.net/NtHwN/6/

脚本：

$(document).ready(function() {
    $(".minus").one("click", function(){
        var value = parseInt($("#sum").val()) - 1;
        $("#sum").val(value);
        $("img").attr("src", "test/images/" + value + ".jpg");
    });
});

HTML：

<input size=10 id="sum" value="3">
<input class="minus" type=button value="-">
<a class="minus" href="#">minus</a>
<div id="img_select"><img src="test/images/3.jpg" alt=""></div>

Answer 3

在您的点击处理程序中：

jQuery（“＃img_select img”）。attr（“src”，“test / images /”+ jQuery（“＃sum”）。val（）+“.jpg”）;

Answer 4

试试这个

http://jsfiddle.net/NtHwN/7/

根据使用jQuery在输入字段中生成的nr更改图像

4 个答案: