Javascript 如何整合img和数据属性

Javascript 如何整合img和数据属性,javascript,jquery,html,Javascript,Jquery,Html,我有这个 <img src="http://www.lab..whatever/<? echo <span id="accntVisaPhotoPath"></span>";?>" height="50" width="50"> ”;?>“height=“50”width=“50”> 我已经有了数据(动态) 我有这个剧本 <script> $(function(){ $('select').change(fu

我有这个

<img src="http://www.lab..whatever/<? echo <span id="accntVisaPhotoPath"></span>";?>" height="50" width="50">
”;?>“height=“50”width=“50”>
我已经有了数据(动态)

我有这个剧本

<script>
    $(function(){
        $('select').change(function(){
            var selected = $(this).find('option:selected');
            $('#visanumber').html(selected.data('visanumber')); 
            $('#idnumber').html(selected.data('idnumber')); 
            $('#statusapp').html(selected.data('statusapp')); 
            $('#accntVisaPhotoPath').html(selected.data('accntVisaPhotoPath')); 
            $('#passportPath').html(selected.data('passportPath')); 
        }).change();
    });
</script>

$(函数(){
$('select').change(函数(){
var selected=$(this.find('option:selected');
$('#visanumber').html(selected.data('visanumber'));
$('#idnumber').html(selected.data('idnumber'));
$('#statusapp').html(selected.data('statusapp'));
$('#accntVisaPhotoPath').html(selected.data('accntVisaPhotoPath'));
$('#passportPath').html(selected.data('passportPath'));
}).change();
});

img
行有什么问题?

您试图将span标记添加为img标记的属性。这就是img线路的问题所在。您应该在img标记关闭后回显span,或者回显其他内容,但不回显span标记


我猜您希望动态更改img src属性,因此在本例中,您应该为img提供一些id,然后使用javascript更改其src属性。

您不能在image src标记中添加span,也不需要回显span

 <span id="accntVisaPhotoPath"><img src="http://www.lab..whatever/" height="50" width="50"></span>

然后像这样使用你的脚本

<script>
$(function(){
    $('select').change(function(){
        var selected = $(this).find('option:selected');
        var $parent = $(this).parents("tr");
        $parent.find('#visanumber').html(selected.data('visanumber')); 
        $parent.find('#idnumber').html(selected.data('idnumber')); 
        $parent.find('#statusapp').html(selected.data('statusapp')); 
        $parent.find('#accntVisaPhotoPath').html(selected.data('accntVisaPhotoPath')); 
        $parent.find('#passportPath').html(selected.data('passportPath')); 
    });
});
</script>

$(函数(){
$('select').change(函数(){
var selected=$(this.find('option:selected');
var$parent=$(this.parents(“tr”);
$parent.find('#visanumber').html(selected.data('visanumber'));
$parent.find('#idnumber').html(selected.data('idnumber'));
$parent.find('#statusapp').html(selected.data('statusapp'));
$parent.find('#accntVisaPhotoPath').html(selected.data('accntVisaPhotoPath'));
$parent.find('#passportPath').html(selected.data('passportPath'));
});
});

它没有回答您的问题,但您的第一行是否正在编译?因为通常您应该使用echo和
来正确打印一些字符串,这是您在第一行中没有做的事情。现在您将得到一个src属性为:
http://www.lab..whatever/
。这不是一个有效的请求URL,因此图像将不会被呈现。您为什么要在
src
属性中回显
span
元素?对不起。。我已经编辑了我的@Grengas,你是对的,哪一个需要更改?你能指定img标记和javascript之间的关系吗?这是我的,由我的dbif动态提供,如果你的html没有超出代码的任何地方,工作正常。如果你有任何问题,你可以问。虽然我的控制台中有这个“GET 500(内部服务器错误)”,但它不会中断