Question

如何选择带数字输入的数组元素？

让我说我有：

var images=["http://blogs.independent.co.uk/wp-content/uploads/2012/12/google-zip.jpg",
        "http://www.quantumseolabs.com/wp-content/uploads/2013/10/google1.jpg"];

如何使用数字输入选择要显示的图像或其他图像？

当数字改变时，链接也是如此。

THX

Answer 1

假设您的HTML如下所示：

<input id="myInput" value="0" />
<div id="imgWrp"></div>

你可以这样做：

var images = ['/img/1.jpg','/img/2.jpg'];

$('#myInput').on('change', function(event) {
  var myInputVal = parseInt($(this).val());
  if (images[myInputVal]) {
    $('#imgWrp').html('<img src="' + images[myInputVal] + ' />');      
  }
});

Answer 2

只需更换input和img选择器即可，您应该选择：

var images = ['img1.jpg','img2.jpg'];

$('input').on('change', function(event) {
    var fieldValue = $(this).val();
    $('img').attr('src', images[fieldValue]);
});

我如何在jquery中选择一个数组元素

2 个答案: