如何循环并用innerHTML替换<option value =“”>

Question

我有大约3000条记录，看起来像下面的代码。

<option value=" EGHT " />

当我浏览网页源文件输出它的下面的代码。

<datalist> 
<option value=" EGHT " /> 
</datalist> 

我的加载Javascript函数看起来像这样。

var datalist = document.getElementsByTagName('option'); 

document.addEventListener('DOMContentLoaded',function(){ 

    for(var g = 0; g < datalist.length; g++){ 
     var i = datalist[g].value.trim(); 
     datalist[g].value.innerHTML = i; 
    } 


}); 

我的目标是能够查看以下结果的源代码。

<option value="EGHT" /> 

Answer 1

不需要innerHTML。 value应该做的：

datalist[g].value = i; 

Answer 2

jQuery中，你可以这样做：（编辑，我搞砸了=（）

function Example() 
{ 
    $('option').each(function(){ 
     var value = $(this).attr('value').trim(); 
     $(this).attr('value', value); 
    }); 
} 

我希望它能够帮助

Answer 3

你设置。 innerHTML为选项，而不是value您需要这样做：

document.addEventListener('DOMContentLoaded', function() { 
    var datalist = document.getElementsByTagName('option'); 
    for (var g = 0; g < datalist.length; g++) { 
     var i = datalist[g].value.trim(); 
     datalist[g].value = i; 
    } 
});