getElementById仅为第一个元素返回值

我有一个脚本，在一些生成的元素上请求调用，并按ID选择指定的元素。 我遇到的奇怪问题是，select非常适用于页面上的第一个项目，但对于每个其他项目都返回null。 可能是什么原因造成的？

这是相关的Javascript：

 function showFrame(content, id, vid, crating) { var container = document.getElementById(vid+'_container'); $('#'+vid+'_embed').html(content); $('#'+vid+'_embed iframe').attr('SCROLLING', 'YES'); var linkform = document.getElementById(vid + '_linkform'); linkform.setAttribute('action', '{{ url('/links/reportLink/') }}' + '/' + id); $(document).on('submit', '#' + vid+ '_linkform', function() { $.ajax({ url : $(this).attr('action'), type : $(this).attr('method'), data : $(this).serialize(), beforeSend: function() { $('#ajax-loading').show(); }, success : function( data ) { if (data == '{{trans("main.embeds report success")}}') { $('#'+vid+'_report-responses').html('
{{ trans("main.embeds report success") }}×
') } else { console.log(data); $('#'+vid+'_report-responses').html('
' + 'An error occurred while trying to report this link..' + '×
') } }, error : function( xhr, err ) { alert(err); } }); return false; }); $('#input-'+vid).rateit('value', crating); $('#input-'+vid).bind('rated', function(e){ var ri = $(this); var value = ri.rateit('value'); ri.rateit('readonly', true); $.ajax({ url : '{{ url('/links/rateLink/') }}', type : 'GET', data : {id: id, value: value}, beforeSend: function() { $('#ajax-loading').show(); }, success : function( data ) { console.log(data); }, error : function( xhr, err ) { alert(err); ri.rateit('readonly', false); } }); }); container.style.display = 'block'; return false; }  

这里是html的一部分

 
 
 
 
 Rate Link 
  Hide View 
   Bad Link 
 
 
 
 
  Release Date: 2014-04-06