javascript - 抓取指定的图像源并将其添加到输入表单中

标签 javascript jquery input

我正在尝试执行以下操作: 单击每个图像(缩略图)源应写入指定的输入。 我已经做了那种...还没有很好地工作!

  • 它不会添加正确的源,只是始终添加第一个源,无论单击什么图像。

  • 如果再次单击相同/不同的图像,它不会删除添加的源。

// Piece of jQuery script:

var imgSource = $('#textures li').find('img').attr('src');

$('ul#textures li img').on('click', function() {
    $('input#imgPath').val($('input#imgPath').val() + imgSource);
});​

为了更好地理解而摆弄: JS Fiddle link

附注对您答案的解释将不胜感激!

最佳答案

attr 只返回第一个匹配元素的属性,您可以使用 this 关键字来引用被点击的元素。

$('ul#textures li img').on('click', function() {
    $('#imgPath').val(this.src)
});

http://jsfiddle.net/Uz6rc/

关于javascript - 抓取指定的图像源并将其添加到输入表单中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13324458/

相关文章:

javascript - 如何在 css/Javascript 中创建弹出窗口?

javascript - jQuery 查看是否选中了任何复选框

c# - mvc 4 底部的脚本 - 不在 View 页面中执行 <scripts>

javascript - 如何在 Angularjs 中使用 document.getElementById() 方法

jquery - 如何在不通过 jQuery 提交的情况下强制验证 HTML 表单

javascript - 最小数值为 125 的正则表达式?

javascript - 输入不提交更改时的表单

javascript - 使用 Vue.js 将多个数字输入相加

javascript - 隐藏 dc.dataTable 的组行

javascript - 如何从我的 Javascript 代码加载用 JSX 代码编写的 React 组件