如何取消選擇一個選擇框中的項目？

今天我有一個簡單的問題。我有一個選擇框，使用戶可以選擇多個項目。另外，當用戶返回頁面時，他可以看到他選擇的項目，並在必要時取消選擇它們。麻煩的是，當我嘗試取消選擇時，選擇只會變成灰色;它不會取消選擇。如何取消選擇一個選擇框中的項目？

<select name="MySelect" multiple> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3" selected="selected">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select>

所以，當上面的元素呈現給頁面時，我無法取消選擇該選項。該值仍然傳遞給表單。

任何幫助？

來源

2011-07-29 Evik James

是否爲您使用了jQuery選項？ – Ryan

是的，但沒有。我不想在此頁面上使用jQuery。 –

不確定是什麼問題，但不應該你的選擇有多個=「多個」？這可能會或可能不會導致這個問題，只是教會ID突出它。你有我們可以看到問題的樣本嗎？ – Dave

您可以通過按住Ctrl鍵並取消選擇多值選擇列表中的選項。

來源

2011-07-29 16:39:30

看完這個後我覺得很蠢......謝謝。順便說一句，任何人都在尋找它。你可以使用jQuery刪除prop' selected'（如果你需要它是一個外部動作） –

⌘-Click也可以。 – Daniel

Ctrl +⌘ - 在Mac VM中點擊Windows;） –

您可以使用JS對象來記憶一行的狀態並單擊select（JQuery）上的動作。

$('#yourselect').click(function(e){   
     var i = this.selectedIndex; 
     if(this.options[i].selectedOld==true){ 
      this.options[i].selected = false; 
      this.options[i].selectedOld = false; 
     } 
     else{ 
      this.options[i].selectedOld = true; 
     } 
    });

來源

2017-11-09 12:04:25

如何取消選擇一個選擇框中的項目？

回答

相關問題