2013-05-08 76 views
4

是否可以預先選擇一個不會被取消選擇的多選框選項?如何預選多選的選項? (html + php)

我現在有一個正常的多個選擇框,其選擇將由PHP預選:

<select name="selectbox" multiple> 
    <option value="A">A</option> 
    <option value="B" selected>B</option> 
    <option value="C">C</option> 
    <option value="D" selected>D</option> 
</select> 

當我點擊在選項A,選項B和d將被取消和A將被選中。 我想只在有人點擊已經選擇的選項時取消選擇一個項目。 當有人點擊尚未選擇的選項時,必須將其添加到已選項目中。

這樣做的最好方法是什麼?或者這不可能?

+0

是有可能,你可以使用jQuery,只是看什麼值:選中。 – Robert 2013-05-08 07:32:23

+0

或者只是按住CTRL鍵,當你點擊新選項 – Dale 2013-05-08 07:32:50

回答

1

這是很容易與JavaScript(jQuery的),像這樣:

$('select[name=selectbox]').on('mousedown','option',function(ev) { 
    ev.preventDefault(); 
    $(this).prop('selected', !$(this).is(':selected')); 
}); 

working demo

+1

它不會工作:)你應該使用選擇,而不是檢查:) – Robert 2013-05-08 07:37:23

+2

和:也檢查:選中選擇器.. – Kamil 2013-05-08 07:38:37

+1

是的,你忘了也改變:檢查:)。更改if($(this).is(':checked')){if($(this).is(':selected')){ – Robert 2013-05-08 07:39:01