如何循環並用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; 
    } 
});