javascript - 在输入值中设置图像

Question

我试图在输入的 value 属性中包含一个 img 标签。我想要使​​用 jquery 这样的东西:

<input type="text" value="Lorem Impsum <img src='...'/>" />

我已经尝试过这个:

jQuery(document).ready(function() { 
     productinput = jQuery('input[value=product]');
     productinput.val(data.selectedData.value + '<img style="width:128px" src="' + data.selectedData.imageSrc + '" />');
});     

但它不起作用。那么，有人知道我该怎么做吗？

注意:它是值内的图像。

Answer 1

您可以通过将图像作为元素的背景来设置图像

例如

html

<input type="text" value="Lorem Impsum" class="default" />

CSS

input.default{
       background: url('../images/any.jpg') 0 0 no-repeat;
    }

您可以在文档就绪时使用 jquery 设置元素的 css。