如何合并img和data属性

时间:2014-11-10 15:39:43

标签: javascript jquery html

我有这个

<img src="http://www.lab..whatever/<? echo <span id="accntVisaPhotoPath"></span>";?>" 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>

img行有什么问题?

2 个答案:

答案 0 :(得分:1)

您正尝试将span标记添加为img标记的属性。所以这就是img line的错误。你应该在img标签关闭后回显你的跨度,或者回显其他东西而不是span标记。

我想你想动态更改img src属性,所以在这种情况下你应该给img一些id,然后用javascript改变它的src属性。

答案 1 :(得分:0)

您无法在图像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>