2012-01-03 28 views
1

我向公司的內部系統輸入大量數據 - 有一個表單輸入頁面,有幾個下拉框,我經常選擇相同的值並結束。由於我理解之外的原因,這些下拉字段沒有ID--只是一個常見的CSS類。我還沒有挖掘出(令人驚訝的複雜)HTML,所以我不確定他們爲什麼這樣做,但我想這是我必須努力的約束。我正在努力使Chrome插件能讓我的生活變得更輕鬆一點,Chrome插件將在表單中設置默認值。使用jQuery設置幾個默認下拉值而不使用元素ID

這裏的組合框一個樣本:

<select class="gwt-ListBox"><option value="">Select...</option><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh_CN">Chinese (simplified)</option></select> 

有幾個網頁更多,所有沒有ID。

我想我想要做的是通過某種字段索引號在頁面上的下拉菜單中移動,並相應地設置默認值。這可能嗎?有人可以提供一些或兩個粗略的代碼,我會從那裏推斷? jquery不是很好,所以我非常感謝你的幫助!

+1

歡迎未知的用戶,你可能想嘗試開發這個然後發佈時,你有什麼不工作,我們可以幫助你更好地瞭解你的代碼 – mcgrailm 2012-01-03 00:28:33

+0

改善你的帖子我的朋友。和你一樣,我有一個問題 - 你不能簡單地爲這些元素添加一個ID嗎?這將是一件安全的事情,並使你的jQuery的東西很容易寫。並且可以將其保留在頁面中而不是構建瀏覽器插件 – 2012-01-03 00:35:06

回答

1

試試這個。它應該在每一個下拉列表中的第一個選項設置爲選擇:

$('select > option:first').attr("selected", "selected"); 

編輯:
我的意思是「第一」,而不是「第一個孩子」。

0

您可以在$("select")頁面上選擇所有「選擇」字段,您將獲得一個DOM對象數組來控制。要以一種形式獲取字段,您可以嘗試在想要獲取它們的地方使用$("select", "form_or_div")。第三種方法是獲得$("form")[0].elements,這將爲您提供所有可以查找jQuery選擇器的元素,通過更改此數組中的鍵您可以查看頁面上的所有表單。

簡單地只得到一個jQuery的

$("select").each(function(i, item){ 
    console.log(i, item); 
}); 

如果你知道該元素的數量沒有變化,你可以通過它進行操作。