Изменить текст блока с помощью 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(); 
}); 

Потому что вы сказали связанный файл из отдельного файла.