javascript - 在 javascript 中使用图像 src 填充输入字段

Question

我有一个返回图像的 XHR 响应。我有我的功能来显示图像。我将 JQuery 和 JS 组合在同一个代码片段中。到目前为止一切进展顺利:

function resultat(o){  
          var leselements = o.query.results.bossresponse.images.results.result;
          var output = '';  
          var no_items = leselements.length;  
          for(var i=0;i<no_items;i++){  
            var lien = leselements[i].url;

            //place image urls in img src  
            output += "<img src='" + lien + "' class='imgs'>";  
          }  
          // Place images in div tag  
          document.getElementById('results').innerHTML = output;}

但我想允许用户单击图像，然后使用单击的图像 src 填充输入字段('#imageurl')。这是我尝试过的方法，但不起作用。

$('.imgs img').click(function(){
            $('#imageurl').val() = "";
            var source = $(this).attr('src');
            $('#imageurl').val() = source;    
          });

任何帮助将不胜感激。 TIA。

Answer 1

以这种方式使用 .val() 将仅返回 #imageurl 的当前值。

$('#imageurl').val()

.val 是一个函数调用，用作 getter 和 setter。

要设置该值，请尝试以下操作:

$('#imageurl').val(source);