jQuery中的attr()方法是用來操作HTML元素的屬性。當(dāng)設(shè)置屬性值時(shí),可以使用selected屬性來表示一個(gè)選中的狀態(tài)。
// 選擇一個(gè)下拉列表,并將第二個(gè)選項(xiàng)設(shè)為選中狀態(tài) $("select").children("option:eq(1)").attr("selected","selected");
這段代碼會(huì)找到
除了使用attr()方法,使用.prop()方法也可以設(shè)置selected屬性:
// 選擇一個(gè)下拉列表,并將第二個(gè)選項(xiàng)設(shè)為選中狀態(tài) $("select").children("option:eq(1)").prop("selected", true);
這個(gè)代碼的作用和前面的那個(gè)代碼完全一樣,唯一的不同是使用了.prop()方法來設(shè)置selected屬性。
需要注意的是,在HTML5中,可以省略selected屬性的值。我們可以這樣寫:
只要把selected屬性寫在
總之,如果你需要選中某個(gè)下拉列表中的某個(gè)選項(xiàng),就可以使用這個(gè)方法。另外也可以使用removeProp()方法來取消選中狀態(tài):
// 取消選中第二個(gè)選項(xiàng) $("select").children("option:eq(1)").removeProp("selected");
這段代碼會(huì)將第二個(gè)選項(xiàng)的selected屬性刪除,從而取消選中狀態(tài)。