2015-08-27 97 views
0

我有以下選擇框,我試圖修改所有產品類別文本。使用Javascript修改選擇框文本

<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'; 
} 

但它似乎並沒有工作。它從頭文件鏈接到一個單獨的文件中。

+0

你執行此功能嗎?像'selectFunction()'? – Grundy

+0

你的代碼工作:http://jsfiddle.net/bsg8b06r/ – Grundy

+0

也許問題是** **時,你如果不OP使用jQuery什麼叫'selectFunction()'代碼工作 – lockedz

回答

1

我敢肯定,這是功能加載問題。

你的代碼是正確的。 嘗試加載頁面加載腳本。像下面代碼..

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

換種方式

創建功能:

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

調用該函數:

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

因爲你說鏈接文件從單獨的文件。

+0

? :-) – Grundy

+0

它在我使用第二個示例時起作用,或者將第一個示例添加到頁腳或標題中。但是爲什麼當我從一個custom.js文件鏈接時它不起作用?對不起,但我對JS很不好。 –

+0

@Kevin,你應該添加到您的html的答案,你怎麼包括腳本文件 – Grundy