作者kuangs (kuangs)
看板Web_Design
標題[問題] JQuery 與 selected 問題
時間Tue May 7 16:23:24 2013
大家好 小弟目前碰到一個問題
我有一個 select 物件
<select id="sel1" size="10">
<option value="123">123</option>
<option value="234">234</option>
<option value="345">345</option>
</select>
<button id="bot" value="AAA">
一開始根據 預設為 234 這個選項
$(window).load(function(){
$("sel1 option[value='234']).attr("selected","selected");
});
當按下 button 時 取消選取
但是 取消選取 這個動作 上網查了一些資料
都無法順利完成
$("#bot").click(function(){
//第一種
$("option:selected").removeAttr("selected");
//第二種
$("#sel1 option[value='234']).attr("selected",'');
//第三種
$("#sel1 option[value='234']).attr("selected",false);
//第四種
$("#sel1 option[value='234']).prop("selected",false);
//第五種
$("#sel1").find("option:selected").removeAttr("selected");
});
請各位幫忙看看 是哪裡出了問題 謝謝!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.35.110.23
1F：→ joechiboo:我試了一下，只有第二個不行，第四個會變成 123 05/07 18:05
2F：→ joechiboo:你有把click 這event 加入 document.ready嗎? 05/07 18:05
3F：→ joechiboo:然後，select 不會重整，可能要自己寫吧 05/07 18:05
4F：→ joechiboo:類似$("#sel1 option").eq(1).attr("selected", "select 05/07 18:06
5F：推 wayway2004:改變selectbox的選項的話,指定他的value就可以 05/07 18:25
7F：→ kuangs:謝謝各位回答!!不過要如何讓 原本選取234 變成都不選呢??? 05/07 18:29
8F：推 wayway2004:建議第一個加上<option value=''></option> 05/07 18:30
9F：→ kuangs:way 大大謝謝您了!!不過 我發現我打錯了程式碼了.... 05/07 18:34
10F：→ kuangs:應該是 <select id="sel1" size="10"> 要加上size!! 05/07 18:35
※ 編輯: kuangs 來自: 114.35.110.23 (05/07 18:36)