使用Javascript修改选择框文本

Question

我有以下选择框，我试图修改所有产品类别文本。

<select class="postform" id="ofproduct_cat" name="ofproduct_cat"> 
     <option selected="selected" value="0">All Product Categories</option> 
     <option value="28" class="level-0">Los Bengala</option> 
     <option value="27" class="level-0">Merchandising</option> 
     <option value="29" class="level-0">The Faith Keepers</option> 
</select> 

我用下面的代码：

var selectFunction = function() { 
    document.getElementById('ofproduct_cat').options[0].text = 'Productos'; 
} 

但它似乎并没有工作。它从头文件链接到一个单独的文件中。

Answer 1

我敢肯定，这是功能加载问题。

你的代码是正确的。 尝试加载页面加载脚本。像下面代码..

$(function(){ 
document.getElementById('ofproduct_cat').options[0].text = 'Productos'; 
}); 

换种方式

创建功能：

var selectFunction = function() { 
document.getElementById('ofproduct_cat').options[0].text = 'Productos'; 
} 

调用该函数：

$(function(){ 
    selectFunction(); 
}); 

因为你说链接文件从单独的文件。