2013-12-11 61 views
5

我有一個片段,客戶在網頁上按下按鈕。jQuery attr選擇下拉不工作Mac Safari

此按鈕應該在隱藏的選擇框中選擇一個選項並更新頁面上的一些隱藏字段。它適用於所有平臺和瀏覽器在Mac上的Safari上接受..下拉列表不會更新。

跟蹤它到

$('#selectSize option[id=Bespoke]').attr('selected', 'selected'); 

下拉不更新,但一切工作 - 只在Safari在Mac上。

小提琴是在這裏:http://jsfiddle.net/XPD25/10/

回答

10

您可以使用.prop代替:

$('#selectSize option[id=Bespoke]').prop('selected', true); 

此外,ID都是唯一的,所以沒有必要在附加位選擇器:

$("#Bespoke").prop("selected", true); 
+0

這是Safari和Mac設備的主要缺陷。我如何向jQuery團隊和Safari團隊報告此問題?據我所知,Chrome/Firefox觸發問題並且.prop()似乎是最好的方法 – TheBlackBenzKid

2

試試這個

$('#selectSize option[id=Bespoke]').prop('selected', true);