Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用javascript中的图像src填充输入字段_Javascript_Jquery - Fatal编程技术网

用javascript中的图像src填充输入字段

用javascript中的图像src填充输入字段,javascript,jquery,Javascript,Jquery,我有一个返回图像的XHR响应。我有显示图像的功能。我将JQuery和JS组合在同一个代码段中。到目前为止,一切进展顺利: function resultat(o){ var leselements = o.query.results.bossresponse.images.results.result; var output = ''; var no_items = leselements.length;

我有一个返回图像的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;}
任何帮助都将不胜感激。蒂亚

$('#imageurl').val("");
// ...
$('#imageurl').val(source);
请参阅。

以这种方式使用.val()只会返回#imageurl的当前值

$('#imageurl').val()
.val是一个函数调用,用作getter和setter

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

$('#imageurl').val(source);
试试这个:

$('img.imgs').click(function(){
   var src = $(this).attr('src');
   $('#imageurl').val(src);  
});
如果在附加事件处理程序后将呈现图像,请使用以下选项:

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

谢谢你们的及时回答。我都试过了,但都不管用。然后我问了一个朋友,我们终于找到了一个办法让它发挥作用。可能不是最好的或专业的方式,但它是有效的。如果有人需要,这里有一个解决方案

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 link = leselements[i].url;

//Place urls in image src and pass in 'link' parameter to the getsrc function 
            output += "<img src='" + link + "' onclick='getsrc(\""+link+"\")'>";  
          }  
          // Place images in div tag  
          document.getElementById('results').innerHTML = output;


        }

         function getsrc (link) {
            //console.log($(this));
            $('#imageurl').val("");
           // var source = $(this).attr('src');
            //place imageurl value by passing in the link parameter. 
            $('#imageurl').val(link);

          }
函数resultat(o){
var lescelements=o.query.results.bossresponse.images.results.result;
var输出=“”;
var no_items=lessements.length;
对于(var i=0;i
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 link = leselements[i].url;

//Place urls in image src and pass in 'link' parameter to the getsrc function 
            output += "<img src='" + link + "' onclick='getsrc(\""+link+"\")'>";  
          }  
          // Place images in div tag  
          document.getElementById('results').innerHTML = output;


        }

         function getsrc (link) {
            //console.log($(this));
            $('#imageurl').val("");
           // var source = $(this).attr('src');
            //place imageurl value by passing in the link parameter. 
            $('#imageurl').val(link);

          }