2014-03-28 21 views
0

我有一個問題,我試圖解決。需要一些正確方向的建議:如何通過javascript更改選定的屬性

使用Prestashop創建組合時,產品頁面上有一個dropdwon-list,客戶可以從中選擇組合。在product.tpl文件中,我創建了一些額外的按鈕來吸引客戶對特定組合的關注。現在,我希望當用戶單擊該按鈕時,會自動選擇並激活此組合。我在product.tpl文件中輸入了一些javascript代碼,當點擊按鈕時它也隱藏了一些其他的元素。我只是沒有得到它的工作,鼠標點擊選擇某個屬性選項。有人可能有一些線索來解決這個問題?

這是產品頁面中屬性的選擇選項列表。例如,我想在按鈕上單擊選擇選項「大」,並通過onclick函數在模板內的jquery/javascript幫助下在產品頁面內激活beeing。如何實現這一目標?

<select id="group_4" class="attribute_select selectBox" onchange="findCombination();getProductAttribute();$('#wrapResetImages').show('slow');;" name="group_4" style="display: none;"> 
<option title="Small" selected="selected" value="21">Small</option> 
<option title="Medium" value="41">Medium</option> 
<option title="Large" value="40">Large</option> 
<option title="Extralarge" value="25">Extralarge</option> 

我試圖與這一點,但它不工作:

$('#group_4 option[value='58']').attr('selected', 'selected').change(); 
+0

'$( '#group_4選項[值= 「58」]')丙( '選擇',真).closest(」。 ('change');' – adeneo

+1

或者只是'$('#group_4')。val('58')' – adeneo

+0

非常感謝你adeneo。正是我在找什麼。現在完美工作 – Pedram

回答

0

你的報價是錯誤的,看着控制檯,你會得到錯誤未捕獲的SyntaxError:意外的數

$('#group_4 option[value='58']').attr('selected', 'selected').change(); 
         ^^ 

應該是

$('#group_4 option[value="58"]').attr('selected', 'selected').change(); 
0

要更改所選擇的選項,你可以使用普通的JS根本改變選擇元素的值:

document.getElementById('group_4').value = 58; 

你還是會需要觸發後的變化情況,雖然。

在這裏看到一個簡單的例子:http://jsfiddle.net/BgBGL/1/(使用警覺的onchange回調)