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

我有以下工作代码：

当按下超链接或按钮时，它会将输入字段中的数字减去-1，并且两个按钮只需执行一次。这很有效

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

现在，如果用户单击按钮或超链接，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'
        }
    });
});

但是没有运气

亲切问候,

莫里斯

试试-

$(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

attribute`中。您可能还需要添加一些代码，以防止您的值低于1。

只需执行以下操作：

脚本：

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

HTML:

在单击处理程序中：

jQuery（“#img_选择img”）.attr（“src”，“test/images/”+jQuery（#sum”）.val（）+“.jpg”）

试试这个

---

谢谢大家，因为这段代码只会更改图像div

<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>